@ai-group/chat-sdk 3.0.1-alpha.4 → 3.0.2

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

@@ -1,7 +0,0 @@
-{
-  "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/esm/components/XAdkChatbot/components/FileGallery/index.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import type { FileData } from "../../../../types";
-export interface FileGalleryProps {
-    files?: FileData[];
-    align?: "left" | "right";
-}
-/**
- * 文件展示画廊组件
- * 支持图片九宫格 + 文件列表双模式
- */
-declare const FileGallery: React.FC<FileGalleryProps>;
-export default FileGallery;

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

@@ -1,104 +0,0 @@
-import React from "react";
-import { Image } from "antd";
-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 || "";
-};
-
-/**
- * 获取文件 URL
- */
-var getFileUrl = function getFileUrl(file) {
-  return file.fileUri || "";
-};
-
-/**
- * 判断是否为图片
- */
-var isImage = function isImage(file) {
-  if (!file) return false;
-  var mimeType = file.mimeType;
-  var name = getFileName(file);
-  var url = getFileUrl(file);
-
-  // 1. 根据 MIME 类型判断
-  if (mimeType !== null && mimeType !== void 0 && mimeType.startsWith("image/")) return true;
-
-  // 2. 根据后缀名判断
-  if (name !== null && name !== void 0 && name.match(/\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i)) return true;
-
-  // 3. 根据 URL 后缀判断 (兜底)
-  if (url !== null && url !== void 0 && url.match(/\.(jpg|jpeg|png|gif|webp|bmp|svg)(\?.*)?$/i)) return true;
-  return false;
-};
-
-/**
- * 文件展示画廊组件
- * 支持图片九宫格 + 文件列表双模式
- */
-var FileGallery = function FileGallery(_ref) {
-  var files = _ref.files,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? "left" : _ref$align;
-  var styles = useStyles();
-  if (!files || files.length === 0) return null;
-
-  // 分类:图片 vs 其他文件
-  var imageFiles = files.filter(isImage);
-  var otherFiles = files.filter(function (f) {
-    return !isImage(f);
-  });
-  return /*#__PURE__*/_jsxs("div", {
-    className: "".concat(styles.fileGalleryWrapper, " ").concat(align === "right" ? "alignRight" : ""),
-    children: [imageFiles.length > 0 && /*#__PURE__*/_jsx("div", {
-      className: styles.imageGrid,
-      "data-count": imageFiles.length,
-      children: /*#__PURE__*/_jsx(Image.PreviewGroup, {
-        children: imageFiles.map(function (file, index) {
-          var src = getFileUrl(file);
-          return /*#__PURE__*/_jsx("div", {
-            className: styles.imageItem,
-            children: /*#__PURE__*/_jsx(Image, {
-              src: src,
-              className: styles.img,
-              width: "100%",
-              height: "100%",
-              alt: getFileName(file),
-              fallback: "https://via.placeholder.com/150?text=Load+Error",
-              style: {
-                objectFit: "cover"
-              }
-            })
-          }, index);
-        })
-      })
-    }), otherFiles.length > 0 && /*#__PURE__*/_jsx("div", {
-      className: styles.fileList,
-      children: otherFiles.map(function (file, i) {
-        return /*#__PURE__*/_jsx("div", {
-          className: styles.fileItem,
-          children: /*#__PURE__*/_jsxs("a", {
-            href: getFileUrl(file),
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: styles.fileLink,
-            children: [/*#__PURE__*/_jsx("span", {
-              className: styles.fileIcon,
-              children: "\uD83D\uDCC4"
-            }), /*#__PURE__*/_jsx("span", {
-              className: styles.fileName,
-              children: getFileName(file)
-            })]
-          })
-        }, i);
-      })
-    })]
-  });
-};
-export default FileGallery;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Image","useStyles","jsx","_jsx","jsxs","_jsxs","getFileName","file","displayName","getFileUrl","fileUri","isImage","mimeType","name","url","startsWith","match","FileGallery","_ref","files","_ref$align","align","styles","length","imageFiles","filter","otherFiles","f","className","concat","fileGalleryWrapper","children","imageGrid","PreviewGroup","map","index","src","imageItem","img","width","height","alt","fallback","style","objectFit","fileList","i","fileItem","href","target","rel","fileLink","fileIcon","fileName"],"sources":["../../../../../../src/components/XAdkChatbot/components/FileGallery/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Image } from \"antd\";\nimport { useStyles } from \"./styles\";\nimport type { FileData } from \"@/types\";\n\nexport interface FileGalleryProps {\n  files?: FileData[];\n  align?: \"left\" | \"right\";\n}\n\n/**\n * 获取文件名\n */\nconst getFileName = (file: FileData): string => {\n  return file.displayName || \"\";\n};\n\n/**\n * 获取文件 URL\n */\nconst getFileUrl = (file: FileData): string => {\n  return file.fileUri || \"\";\n};\n\n/**\n * 判断是否为图片\n */\nconst isImage = (file: FileData): boolean => {\n  if (!file) return false;\n\n  const mimeType = file.mimeType;\n  const name = getFileName(file);\n  const url = getFileUrl(file);\n\n  // 1. 根据 MIME 类型判断\n  if (mimeType?.startsWith(\"image/\")) return true;\n\n  // 2. 根据后缀名判断\n  if (name?.match(/\\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i)) return true;\n\n  // 3. 根据 URL 后缀判断 (兜底)\n  if (url?.match(/\\.(jpg|jpeg|png|gif|webp|bmp|svg)(\\?.*)?$/i)) return true;\n\n  return false;\n};\n\n/**\n * 文件展示画廊组件\n * 支持图片九宫格 + 文件列表双模式\n */\nconst FileGallery: React.FC<FileGalleryProps> = ({ files, align = \"left\" }) => {\n  const styles = useStyles();\n\n  if (!files || files.length === 0) return null;\n\n  // 分类:图片 vs 其他文件\n  const imageFiles = files.filter(isImage);\n  const otherFiles = files.filter((f) => !isImage(f));\n\n  return (\n    <div\n      className={`${styles.fileGalleryWrapper} ${align === \"right\" ? \"alignRight\" : \"\"}`}\n    >\n      {/* 1. 图片区域:九宫格 */}\n      {imageFiles.length > 0 && (\n        <div className={styles.imageGrid} data-count={imageFiles.length}>\n          <Image.PreviewGroup>\n            {imageFiles.map((file, index) => {\n              const src = getFileUrl(file);\n              return (\n                <div key={index} className={styles.imageItem}>\n                  <Image\n                    src={src}\n                    className={styles.img}\n                    width=\"100%\"\n                    height=\"100%\"\n                    alt={getFileName(file)}\n                    fallback=\"https://via.placeholder.com/150?text=Load+Error\"\n                    style={{ objectFit: \"cover\" }}\n                  />\n                </div>\n              );\n            })}\n          </Image.PreviewGroup>\n        </div>\n      )}\n\n      {/* 2. 非图片文件:列表展示 */}\n      {otherFiles.length > 0 && (\n        <div className={styles.fileList}>\n          {otherFiles.map((file, i) => (\n            <div key={i} className={styles.fileItem}>\n              <a\n                href={getFileUrl(file)}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className={styles.fileLink}\n              >\n                <span className={styles.fileIcon}>📄</span>\n                <span className={styles.fileName}>{getFileName(file)}</span>\n              </a>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default FileGallery;\n"],"mappings":"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"}

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

@@ -1,20 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-import { css } from "@emotion/css";
-import { withBasicStyles } from "../../../../styles/common";
-export var useStyles = withBasicStyles(function () {
-  return {
-    fileGalleryWrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin: 8px 0;\n\n    &.alignRight {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n    }\n  "]))),
-    // 九宫格布局
-    imageGrid: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: grid;\n    gap: 8px;\n    max-width: 400px;\n    margin-bottom: 8px;\n\n    /* 1\u5F20\u56FE\u7247:\u5355\u5217 */\n    &[data-count=\"1\"] {\n      grid-template-columns: 1fr;\n      max-width: 300px;\n    }\n\n    /* 2-4\u5F20\u56FE\u7247:\u4E24\u5217 */\n    &[data-count=\"2\"],\n    &[data-count=\"3\"],\n    &[data-count=\"4\"] {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    /* 5-9\u5F20\u56FE\u7247:\u4E09\u5217 */\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      max-width: 400px;\n    }\n  "]))),
-    imageItem: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: relative;\n    width: 100%;\n    padding-top: 100%; /* 1:1 \u6BD4\u4F8B */\n    overflow: hidden;\n    border-radius: 8px;\n    background: #ffffff;\n    border: 1px solid #d9d9d9;\n\n    .ant-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n  "]))),
-    img: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    object-fit: cover;\n    cursor: pointer;\n    transition: transform 0.2s;\n\n    &:hover {\n      transform: scale(1.05);\n    }\n  "]))),
-    // 文件列表
-    fileList: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    max-width: 400px;\n  "]))),
-    fileItem: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    background: #ffffff;\n    border: 1px solid #d9d9d9;\n    border-radius: 8px;\n    padding: 12px;\n    transition: all 0.2s;\n\n    &:hover {\n      border-color: #1890ff;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n    }\n  "]))),
-    fileLink: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(0, 0, 0, 0.85);\n    text-decoration: none;\n\n    &:hover {\n      color: #1890ff;\n    }\n  "]))),
-    fileIcon: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    font-size: 20px;\n  "]))),
-    fileName: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "])))
-  };
-});
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["css","withBasicStyles","useStyles","fileGalleryWrapper","_templateObject","_taggedTemplateLiteral","imageGrid","_templateObject2","imageItem","_templateObject3","img","_templateObject4","fileList","_templateObject5","fileItem","_templateObject6","fileLink","_templateObject7","fileIcon","_templateObject8","fileName","_templateObject9"],"sources":["../../../../../../src/components/XAdkChatbot/components/FileGallery/styles.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  fileGalleryWrapper: css`\n    margin: 8px 0;\n\n    &.alignRight {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n    }\n  `,\n\n  // 九宫格布局\n  imageGrid: css`\n    display: grid;\n    gap: 8px;\n    max-width: 400px;\n    margin-bottom: 8px;\n\n    /* 1张图片:单列 */\n    &[data-count=\"1\"] {\n      grid-template-columns: 1fr;\n      max-width: 300px;\n    }\n\n    /* 2-4张图片:两列 */\n    &[data-count=\"2\"],\n    &[data-count=\"3\"],\n    &[data-count=\"4\"] {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    /* 5-9张图片:三列 */\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      max-width: 400px;\n    }\n  `,\n\n  imageItem: css`\n    position: relative;\n    width: 100%;\n    padding-top: 100%; /* 1:1 比例 */\n    overflow: hidden;\n    border-radius: 8px;\n    background: #ffffff;\n    border: 1px solid #d9d9d9;\n\n    .ant-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n  `,\n\n  img: css`\n    object-fit: cover;\n    cursor: pointer;\n    transition: transform 0.2s;\n\n    &:hover {\n      transform: scale(1.05);\n    }\n  `,\n\n  // 文件列表\n  fileList: css`\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    max-width: 400px;\n  `,\n\n  fileItem: css`\n    background: #ffffff;\n    border: 1px solid #d9d9d9;\n    border-radius: 8px;\n    padding: 12px;\n    transition: all 0.2s;\n\n    &:hover {\n      border-color: #1890ff;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\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\n    &:hover {\n      color: #1890ff;\n    }\n  `,\n\n  fileIcon: css`\n    font-size: 20px;\n  `,\n\n  fileName: css`\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n}));\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe;AAExB,OAAO,IAAMC,SAAS,GAAGD,eAAe,CAAC;EAAA,OAAO;IAC9CE,kBAAkB,EAAEH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gJAQtB;IAED;IACAC,SAAS,EAAEN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,gqBA4Bb;IAEDG,SAAS,EAAER,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,8UAgBb;IAEDK,GAAG,EAAEV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,kJAQP;IAED;IACAO,QAAQ,EAAEZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,mGAKZ;IAEDS,QAAQ,EAAEd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,sPAWZ;IAEDW,QAAQ,EAAEhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,qLAUZ;IAEDa,QAAQ,EAAElB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,kCAEZ;IAEDe,QAAQ,EAAEpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA;EAMf,CAAC;AAAA,CAAC,CAAC"}

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

@@ -1,8 +0,0 @@
-import React from "react";
-import { LocalFile } from "../../types/XAdkSender";
-interface FileGalleryProps {
-    files: LocalFile[];
-    onRemove: (id: string) => void;
-}
-declare const FileGallery: React.FC<FileGalleryProps>;
-export default FileGallery;

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

@@ -1,236 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-import React from "react";
-import { Image, Tooltip, Progress } from "antd";
-import { FileOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined, FilePptOutlined, FileImageOutlined, CloseOutlined } from "@ant-design/icons";
-import { css } from "@emotion/css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-// 判断是否是图片文件
-var isImageFile = function isImageFile(file) {
-  if (!file.type) return false;
-  return file.type.startsWith("image/");
-};
-
-// 获取文件扩展名
-var getFileExtension = function getFileExtension(filename) {
-  var ext = filename.split(".").pop();
-  return ext ? ext.toLowerCase() : "";
-};
-
-// 获取文件图标和颜色
-var getFileIcon = function getFileIcon(file) {
-  var ext = getFileExtension(file.name);
-
-  // 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"
-    };
-  }
-
-  // 图片
-  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 = {
-  container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 12px 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  "]))),
-  // 图片九宫格容器
-  imageGrid: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: grid;\n    gap: 8px;\n    width: fit-content;\n    min-width: 80px;\n    max-width: 100%;\n    /* \u9ED8\u8BA43\u5217\u5E03\u5C40 */\n    grid-template-columns: repeat(3, 1fr);\n\n    /* \u5355\u5F20\u56FE */\n    &[data-count=\"1\"] {\n      grid-template-columns: 1fr;\n      min-width: 100px;\n      max-width: 200px;\n    }\n\n    /* 2\u5F20\u30014\u5F20 -> 2\u5217 */\n    &[data-count=\"2\"],\n    &[data-count=\"4\"] {\n      grid-template-columns: repeat(2, 1fr);\n      min-width: 180px;\n      max-width: 240px;\n    }\n\n    /* 3\u5F20\u30015-9\u5F20 -> 3\u5217 */\n    &[data-count=\"3\"],\n    &[data-count=\"5\"],\n    &[data-count=\"6\"],\n    &[data-count=\"7\"],\n    &[data-count=\"8\"],\n    &[data-count=\"9\"] {\n      grid-template-columns: repeat(3, 1fr);\n      min-width: 260px;\n      max-width: 320px;\n    }\n  "]))),
-  imageItem: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: relative;\n    width: 100%;\n    min-width: 80px;\n    padding-top: 100%; /* 1:1 \u6B63\u65B9\u5F62 */\n    height: 0;\n    overflow: hidden;\n    border-radius: 8px;\n    background-color: #f5f5f5;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n\n    .ant-image {\n      position: absolute !important;\n      top: 0;\n      left: 0;\n      width: 100% !important;\n      height: 100% !important;\n      display: flex !important;\n      justify-content: center;\n      align-items: center;\n    }\n\n    img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important;\n      display: block !important;\n    }\n  "]))),
-  imageOverlay: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.05);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n  "]))),
-  removeBtn: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    position: absolute;\n    top: 4px;\n    right: 4px;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.6);\n    color: #fff;\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 20;\n    padding: 0;\n    font-size: 10px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.8);\n      transform: scale(1.1);\n    }\n  "]))),
-  // 文件列表
-  fileList: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  "]))),
-  fileCard: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\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  "]))),
-  // 图片缩略图容器
-  imageThumbnail: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    position: relative;\n    width: 44px;\n    height: 44px;\n    flex-shrink: 0;\n    border-radius: 4px;\n    overflow: hidden;\n    background-color: #f5f5f5;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n\n    .ant-image {\n      width: 100% !important;\n      height: 100% !important;\n      display: flex !important;\n      justify-content: center;\n      align-items: center;\n    }\n\n    img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important;\n      display: block !important;\n    }\n  "]))),
-  fileIcon: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\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  "]))),
-  fileInfo: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n  "]))),
-  fileName: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    font-size: 13px;\n    font-weight: 500;\n    color: #262626;\n    margin-bottom: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "]))),
-  fileSize: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    font-size: 11px;\n    color: #8c8c8c;\n  "]))),
-  progress: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    margin-top: 4px;\n\n    .ant-progress-inner {\n      height: 4px !important;\n    }\n\n    .ant-progress-bg {\n      height: 4px !important;\n    }\n  "]))),
-  fileRemoveBtn: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    position: absolute;\n    top: -6px;\n    right: -6px;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.75);\n    color: #fff;\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 1;\n    padding: 0;\n    font-size: 10px;\n    transition: all 0.2s ease;\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.9);\n      transform: scale(1.1);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  "])))
-};
-var FileGallery = function FileGallery(_ref) {
-  var files = _ref.files,
-    onRemove = _ref.onRemove;
-  if (files.length === 0) return null;
-
-  // 调试日志
-  // if (process.env.NODE_ENV === "development") {
-  //   console.log(
-  //     "[FileGallery] Rendering files:",
-  //     files.map((f) => ({
-  //       id: f.id,
-  //       name: f.name,
-  //       type: f.type,
-  //       status: f.status,
-  //       hasFile: !!f.file,
-  //       response: f.response,
-  //     })),
-  //   );
-  // }
-
-  return /*#__PURE__*/_jsx("div", {
-    className: styles.container,
-    children: /*#__PURE__*/_jsx("div", {
-      className: styles.fileList,
-      children: /*#__PURE__*/_jsx(Image.PreviewGroup, {
-        children: files.map(function (file) {
-          var isImage = isImageFile(file);
-          if (isImage) {
-            var _file$response, _file$response2;
-            // 图片卡片
-            var url = ((_file$response = file.response) === null || _file$response === void 0 ? void 0 : _file$response.fileUrl) || ((_file$response2 = file.response) === null || _file$response2 === void 0 ? void 0 : _file$response2.tempUrl) || file.tempUrl || (file.file ? URL.createObjectURL(file.file) : "");
-
-            // if (process.env.NODE_ENV === 'development') {
-            //   console.log('[FileGallery] Image URL for', file.name, ':', {
-            //     url,
-            //     'response.fileUrl': file.response?.fileUrl,
-            //     'response.tempUrl': file.response?.tempUrl,
-            //     'tempUrl': file.tempUrl,
-            //     'hasFile': !!file.file,
-            //   });
-            // }
-
-            return /*#__PURE__*/_jsxs("div", {
-              className: styles.fileCard,
-              children: [/*#__PURE__*/_jsxs("div", {
-                className: styles.imageThumbnail,
-                children: [/*#__PURE__*/_jsx(Image, {
-                  src: url,
-                  alt: file.name,
-                  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: file.name,
-                  children: /*#__PURE__*/_jsx("div", {
-                    className: styles.fileName,
-                    children: file.name.length > 15 ? "".concat(file.name.substring(0, 15), "...") : file.name
-                  })
-                }), /*#__PURE__*/_jsx("div", {
-                  className: styles.fileSize,
-                  children: formatFileSize(file.size)
-                })]
-              }), /*#__PURE__*/_jsx("button", {
-                className: styles.fileRemoveBtn,
-                onClick: function onClick() {
-                  return onRemove(file.id);
-                },
-                disabled: file.status === "uploading",
-                "aria-label": "\u5220\u9664\u6587\u4EF6",
-                children: /*#__PURE__*/_jsx(CloseOutlined, {})
-              })]
-            }, file.id);
-          } else {
-            // 文件卡片
-            var _getFileIcon = getFileIcon(file),
-              icon = _getFileIcon.icon,
-              color = _getFileIcon.color;
-            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: [/*#__PURE__*/_jsx(Tooltip, {
-                  title: file.name,
-                  children: /*#__PURE__*/_jsx("div", {
-                    className: styles.fileName,
-                    children: file.name.length > 15 ? "".concat(file.name.substring(0, 15), "...") : file.name
-                  })
-                }), file.status === "uploading" ? /*#__PURE__*/_jsx(Progress, {
-                  percent: file.progress,
-                  size: "small",
-                  showInfo: false,
-                  strokeColor: "#1677ff",
-                  className: styles.progress
-                }) : /*#__PURE__*/_jsx("div", {
-                  className: styles.fileSize,
-                  children: formatFileSize(file.size)
-                }), file.status === "error" && file.errorMessage && /*#__PURE__*/_jsx("div", {
-                  style: {
-                    fontSize: "11px",
-                    color: "#ff4d4f",
-                    marginTop: "2px"
-                  },
-                  children: file.errorMessage
-                })]
-              }), /*#__PURE__*/_jsx("button", {
-                className: styles.fileRemoveBtn,
-                onClick: function onClick() {
-                  return onRemove(file.id);
-                },
-                disabled: file.status === "uploading",
-                "aria-label": "\u5220\u9664\u6587\u4EF6",
-                children: /*#__PURE__*/_jsx(CloseOutlined, {})
-              })]
-            }, file.id);
-          }
-        })
-      })
-    })
-  });
-};
-export default FileGallery;
-//# sourceMappingURL=FileGallery.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Image","Tooltip","Progress","FileOutlined","FilePdfOutlined","FileWordOutlined","FileExcelOutlined","FilePptOutlined","FileImageOutlined","CloseOutlined","css","jsx","_jsx","jsxs","_jsxs","isImageFile","file","type","startsWith","getFileExtension","filename","ext","split","pop","toLowerCase","getFileIcon","name","icon","color","includes","formatFileSize","bytes","toFixed","styles","container","_templateObject","_taggedTemplateLiteral","imageGrid","_templateObject2","imageItem","_templateObject3","imageOverlay","_templateObject4","removeBtn","_templateObject5","fileList","_templateObject6","fileCard","_templateObject7","imageThumbnail","_templateObject8","fileIcon","_templateObject9","fileInfo","_templateObject10","fileName","_templateObject11","fileSize","_templateObject12","progress","_templateObject13","fileRemoveBtn","_templateObject14","FileGallery","_ref","files","onRemove","length","className","children","PreviewGroup","map","isImage","_file$response","_file$response2","url","response","fileUrl","tempUrl","URL","createObjectURL","src","alt","fallback","preview","status","percent","size","strokeColor","title","concat","substring","onClick","id","disabled","_getFileIcon","style","showInfo","errorMessage","fontSize","marginTop"],"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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"}