@ai-group/chat-sdk 3.0.3 → 3.0.5

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

@@ -86,19 +86,22 @@ var XAdkSender = ({
     return Date.now().toString(36) + Math.random().toString(36).substr(2);
   };
   const checkFileType = (file) => {
-    const ext = (0, import_file.getExt)(file);
-    return allowedFileTypes.some((type) => {
-      if (type.includes("/")) {
-        if (type.endsWith("/*")) {
-          return file.type.startsWith(type.split("/")[0]);
+    if ((allowedFileTypes == null ? void 0 : allowedFileTypes.length) > 0) {
+      const ext = (0, import_file.getExt)(file);
+      return allowedFileTypes.some((type) => {
+        if (type.includes("/")) {
+          if (type.endsWith("/*")) {
+            return file.type.startsWith(type.split("/")[0]);
+          }
+          return file.type === type;
         }
-        return file.type === type;
-      }
-      if (type.startsWith(".")) {
-        return ext === type.slice(1);
-      }
-      return false;
-    });
+        if (type.startsWith(".")) {
+          return ext === type.slice(1);
+        }
+        return false;
+      });
+    }
+    return true;
   };
   const checkFileSize = (file) => {
     const maxSize = maxFileSize * 1024 * 1024;
@@ -359,7 +362,15 @@ var XAdkSender = ({
   const renderFileList = () => {
     if (files.length === 0)
       return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FileGallery.default, { files, removable: true, onRemove: handleRemoveFile });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px", padding: "12px 0" }, children: files.map((file) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_FileGallery.default,
+      {
+        file,
+        removable: true,
+        onRemove: handleRemoveFile
+      },
+      file.id
+    )) });
   };
   const containerClass = `${styles.container} ${isDragOver ? "drag-over" : ""}`;
   const uploading = files.some((f) => f.status === "uploading");

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAdkSender/index.tsx"],
-  "sourcesContent": ["import React, { useState, useRef, useCallback } from \"react\";\nimport { Popconfirm, message, Tooltip, Input, Modal } from \"antd\";\nimport {\n  ClearOutlined,\n  LoadingOutlined,\n  ArrowUpOutlined,\n  PaperClipOutlined,\n} from \"@ant-design/icons\";\nimport {\n  XAdkSenderProps,\n  ServerFile,\n  LocalFile,\n  ActionsComponents,\n  FileValidator,\n} from \"@/types\";\nimport { useStyles } from \"./styles\";\nimport FileGallery from \"../FileGallery\";\nimport { getExt } from \"@/utils/file\";\n\nconst XAdkSender: React.FC<XAdkSenderProps> = ({\n  clearBtnShow = true,\n  allowUpload = false,\n  loading = false,\n  disabled = false,\n  uploadRequest = () => {},\n  onClear,\n  onChange,\n  onSubmit,\n  onStop,\n  onFilesChange,\n  onUploadSuccess,\n  onUploadError,\n  maxFileSize = 10,\n  validators: customValidators = [],\n  // allowedFileTypes = [\n  //   \"image/*\",\n  //   \"audio/*\",\n  //   \"video/*\",\n  //   \"application/pdf\",\n  //   \"text/plain\",\n  //   \".doc\",\n  //   \".docx\",\n  //   \".xls\",\n  //   \".xlsx\",\n  //   \".ppt\",\n  //   \".pptx\",\n  //   \"\",\n  // ],\n  allowedFileTypes = [],\n  maxFiles = 5,\n  suffix,\n  header,\n  prefix,\n  footer,\n}) => {\n  const styles = useStyles();\n  const [value, setValue] = useState<string>(\"\");\n  const [files, setFiles] = useState<LocalFile[]>([]);\n  const [isDragOver, setIsDragOver] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  // 生成唯一ID\n  const generateId = () => {\n    return Date.now().toString(36) + Math.random().toString(36).substr(2);\n  };\n\n  // 检查文件类型\n  const checkFileType = (file: File): boolean => {\n    const ext = getExt(file);\n\n    return allowedFileTypes.some((type) => {\n      // 1️⃣ MIME 校验\n      if (type.includes(\"/\")) {\n        if (type.endsWith(\"/*\")) {\n          return file.type.startsWith(type.split(\"/\")[0]);\n        }\n        return file.type === type;\n      }\n\n      if (type.startsWith(\".\")) {\n        return ext === type.slice(1);\n      }\n\n      return false;\n    });\n  };\n\n  // 检查文件大小\n  const checkFileSize = (file: File): boolean => {\n    const maxSize = maxFileSize * 1024 * 1024;\n    return file.size <= maxSize;\n  };\n\n  // 重复文件检测\n  const isDuplicateFile = (file: File, files: LocalFile[]) => {\n    return files.some((f) => f.name === file.name && f.size === file.size);\n  };\n\n  // 内置校验器集合\n  const builtInValidators: FileValidator[] = [\n    // 数量校验（修复批量 bug）\n    (_file, { files }) => {\n      if (files.length >= maxFiles) {\n        return `最多只能上传 ${maxFiles} 个文件`;\n      }\n      return null;\n    },\n\n    // 大小校验\n    (file) => {\n      const maxSize = maxFileSize * 1024 * 1024;\n      if (file.size > maxSize) {\n        return `文件大小不能超过 ${maxFileSize}MB`;\n      }\n      return null;\n    },\n\n    // 类型校验\n    (file) => {\n      if (!checkFileType(file)) {\n        return \"不支持的文件类型\";\n      }\n      return null;\n    },\n\n    // ⭐ 新增：去重校验\n    (file, { files }) => {\n      if (isDuplicateFile(file, files)) {\n        return \"文件已存在\";\n      }\n      return null;\n    },\n  ];\n\n  const allValidators = [...builtInValidators, ...customValidators];\n\n  // 验证文件\n  const validateFile = (file: File): { valid: boolean; message?: string } => {\n    for (const validator of allValidators) {\n      const error = validator(file, { files });\n      if (error) {\n        return { valid: false, message: error };\n      }\n    }\n    return { valid: true };\n  };\n\n  // 处理文件选择\n  const handleFileSelect = useCallback(\n    (selectedFiles: File[]) => {\n      const fileArray = Array.from(selectedFiles);\n\n      if (files.length + fileArray.length > maxFiles) {\n        message.error(`最多只能上传 ${maxFiles} 个文件`);\n        return;\n      }\n\n      const validFiles: LocalFile[] = [];\n\n      fileArray.forEach((file) => {\n        const validation = validateFile(file);\n\n        if (validation.valid) {\n          validFiles.push({\n            id: generateId(),\n            uid: generateId(),\n            name: file.name,\n            size: file.size,\n            type: file.type,\n            file,\n            progress: 0,\n            status: \"pending\",\n            response: null,\n          });\n        } else {\n          message.error(validation.message);\n        }\n      });\n\n      if (validFiles.length > 0) {\n        setFiles((prev) => {\n          const next = [...prev, ...validFiles];\n          onFilesChange?.(next);\n          return next;\n        });\n        uploadFiles(validFiles);\n      }\n    },\n    [files, maxFiles, maxFileSize, allowedFileTypes],\n  );\n\n  // 上传文件\n  const uploadFiles = async (fileList: LocalFile[]) => {\n    for (const localFile of fileList) {\n      // 开始上传\n      setFiles((prev) =>\n        prev.map((f) =>\n          f.id === localFile.id ? { ...f, status: \"uploading\" } : f,\n        ),\n      );\n\n      try {\n        await uploadRequest({\n          file: localFile.file,\n          onProgress: (e) => {\n            setFiles((prev) =>\n              prev.map((f) =>\n                f.id === localFile.id ? { ...f, progress: e.percent } : f,\n              ),\n            );\n          },\n          onSuccess: (response) => {\n            setFiles((prev) =>\n              prev.map((f) =>\n                f.id === localFile.id\n                  ? {\n                      ...f,\n                      status: \"success\",\n                      progress: 100,\n                      response,\n                    }\n                  : f,\n              ),\n            );\n\n            onUploadSuccess?.({\n              ...localFile,\n              status: \"success\",\n              response,\n            });\n          },\n          onError: (error) => {\n            setFiles((prev) =>\n              prev.map((f) =>\n                f.id === localFile.id\n                  ? {\n                      ...f,\n                      status: \"error\",\n                      errorMessage: error.message,\n                    }\n                  : f,\n              ),\n            );\n            onUploadError?.(localFile, error);\n          },\n        });\n      } catch (error) {\n        console.error(\"上传处理错误:\", error);\n        setFiles((prev) =>\n          prev.map((f) =>\n            f.id === localFile.id\n              ? {\n                  ...f,\n                  status: \"error\",\n                  errorMessage:\n                    error instanceof Error ? error.message : \"上传处理失败\",\n                }\n              : f,\n          ),\n        );\n        message.error(`${localFile.name} 上传失败`);\n      }\n    }\n  };\n\n  // 删除文件\n  const handleRemoveFile = (id: string) => {\n    setFiles((prev) => {\n      const next = prev.filter((file) => file.id !== id);\n\n      onFilesChange?.(next);\n\n      return next;\n    });\n  };\n\n  // 触发文件选择\n  const triggerFileSelect = () => {\n    if (fileInputRef.current) {\n      fileInputRef.current.click();\n    }\n  };\n\n  // 处理拖拽事件\n  const handleDragOver = useCallback(\n    (e: React.DragEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      if (allowUpload) {\n        setIsDragOver(true);\n      }\n    },\n    [allowUpload],\n  );\n\n  const handleDragLeave = useCallback(\n    (e: React.DragEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      if (allowUpload) {\n        setIsDragOver(false);\n      }\n    },\n    [allowUpload],\n  );\n\n  const handleDrop = useCallback(\n    (e: React.DragEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setIsDragOver(false);\n\n      if (\n        allowUpload &&\n        e.dataTransfer.files &&\n        e.dataTransfer.files.length > 0\n      ) {\n        handleFileSelect(Array.from(e.dataTransfer.files));\n      }\n    },\n    [allowUpload, handleFileSelect],\n  );\n\n  // 处理提交\n  const handleSubmit = () => {\n    if (!value.trim() && files.length === 0) {\n      message.warning(\"请输入消息或选择文件\");\n      return;\n    }\n\n    const successFiles = files.filter((file) => file.status === \"success\");\n    const uploadingFiles = files.filter((file) => file.status === \"uploading\");\n\n    if (uploadingFiles.length > 0) {\n      Modal.confirm({\n        title: \"文件上传中\",\n        content: `还有 ${uploadingFiles.length} 个文件正在上传，是否继续发送？`,\n        okText: \"发送已完成的\",\n        cancelText: \"等待全部完成\",\n        onOk: () => {\n          const formattedFiles = formatFilesForServer(successFiles);\n          if (onSubmit) {\n            onSubmit({\n              text: value,\n              files: formattedFiles,\n            });\n          }\n\n          setValue(\"\");\n          setFiles((prev) => prev.filter((f) => f.status !== \"success\"));\n        },\n        onCancel: () => {\n          message.info(\"请等待文件上传完成后再发送\");\n        },\n      });\n    } else {\n      const formattedFiles = formatFilesForServer(successFiles);\n\n      if (onSubmit) {\n        onSubmit({\n          text: value,\n          files: formattedFiles,\n        });\n      }\n\n      setValue(\"\");\n      setFiles((prev) => prev.filter((f) => f.status !== \"success\"));\n    }\n  };\n\n  // 格式化文件列表为服务端格式\n  const formatFilesForServer = (fileList: LocalFile[]): ServerFile[] => {\n    return fileList\n      .filter((file) => file.status === \"success\" && file.response?.data)\n      .map((file) => {\n        const responseData = file.response.data;\n\n        return {\n          fileName: file.name,\n          fileId: responseData.fileId || responseData.id || 0,\n          tempUrl: responseData.tempUrl || responseData.url || \"\",\n          type: responseData.fileType || getExt(file),\n          mimeType: file.type,\n        };\n      });\n  };\n\n  // 处理输入框变化\n  const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const newValue = e.target.value;\n    setValue(newValue);\n    onChange?.(newValue);\n  };\n\n  // 处理回车键\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      handleSubmit();\n    }\n  };\n\n  // 渲染文件列表 - 使用新的 FileGallery 组件\n  const renderFileList = () => {\n    if (files.length === 0) return null;\n\n    return <FileGallery files={files} removable onRemove={handleRemoveFile} />;\n  };\n\n  const containerClass = `${styles.container} ${isDragOver ? \"drag-over\" : \"\"}`;\n  const uploading = files.some((f) => f.status === \"uploading\");\n  const isDisabled = disabled || uploading || loading;\n\n  // 定义按钮组件\n  const SendButton = (props: any) => (\n    <Tooltip title={loading ? \"停止生成\" : \"发送消息\"}>\n      <button\n        className={`${styles.iconButton} ${styles.sendButton} ${loading ? \"stop\" : \"\"}`}\n        onClick={loading ? onStop : handleSubmit}\n        disabled={uploading || disabled}\n        aria-label={loading ? \"停止生成\" : \"发送消息\"}\n        {...props}\n      >\n        {loading ? <LoadingOutlined /> : <ArrowUpOutlined />}\n      </button>\n    </Tooltip>\n  );\n\n  const UploadButton = (props: any) => (\n    <Tooltip title=\"上传文件\">\n      <button\n        className={`${styles.iconButton} ${styles.uploadButton}`}\n        onClick={triggerFileSelect}\n        disabled={isDisabled}\n        aria-label=\"上传文件\"\n        {...props}\n      >\n        <PaperClipOutlined />\n      </button>\n    </Tooltip>\n  );\n\n  const ClearButton = (props: any) => (\n    <Popconfirm\n      title=\"确定要清空聊天记录吗?\"\n      onConfirm={onClear}\n      placement=\"top\"\n      okText=\"确定\"\n      cancelText=\"取消\"\n      disabled={isDisabled}\n    >\n      <button\n        className={`${styles.iconButton} ${styles.clearButton}`}\n        disabled={isDisabled}\n        aria-label=\"清空聊天记录\"\n        {...props}\n      >\n        <ClearOutlined />\n      </button>\n    </Popconfirm>\n  );\n\n  const actionsComponents: ActionsComponents = {\n    SendButton,\n    UploadButton,\n    ClearButton,\n  };\n\n  // 渲染插槽内容\n  const renderSlot = (\n    slot:\n      | React.ReactNode\n      | false\n      | ((\n          oriNode: React.ReactNode,\n          info: { components: ActionsComponents },\n        ) => React.ReactNode | false)\n      | undefined,\n    oriNode: React.ReactNode,\n  ): React.ReactNode | null => {\n    if (slot === false) return null;\n    if (slot === undefined) return oriNode;\n    if (typeof slot === \"function\") {\n      const result = slot(oriNode, { components: actionsComponents });\n      return result === false ? null : result;\n    }\n    return slot;\n  };\n\n  // 默认的后缀内容(操作按钮组)\n  const defaultSuffix = (\n    <div className={styles.buttonGroup}>\n      {allowUpload && <UploadButton />}\n      <SendButton />\n    </div>\n  );\n\n  return (\n    <div\n      ref={containerRef}\n      className={containerClass}\n      onDragOver={allowUpload ? handleDragOver : undefined}\n      onDragLeave={allowUpload ? handleDragLeave : undefined}\n      onDrop={allowUpload ? handleDrop : undefined}\n    >\n      {/* 头部插槽 */}\n      {renderSlot(header, false)}\n\n      {allowUpload && files.length > 0 && renderFileList()}\n\n      {/* 隐藏的原生 file input */}\n      {allowUpload && (\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          multiple\n          accept={allowedFileTypes.join(\",\")}\n          style={{ display: \"none\" }}\n          onChange={(e) => {\n            if (e.target.files) {\n              handleFileSelect(Array.from(e.target.files));\n              e.target.value = \"\";\n            }\n          }}\n        />\n      )}\n\n      <div className={styles.mainArea}>\n        <div className={styles.senderWrap}>\n          {/* 清除按钮 */}\n          {clearBtnShow && <ClearButton />}\n\n          <div className={styles.inputAndButtons}>\n            {/* 前缀插槽 */}\n            {renderSlot(prefix, false)}\n\n            <div className={styles.textAreaWrapper}>\n              <Input.TextArea\n                className={styles.textArea}\n                value={value}\n                onChange={handleInputChange}\n                onKeyDown={handleKeyDown}\n                placeholder=\"请输入消息...\"\n                disabled={isDisabled}\n                autoSize={{ minRows: 1, maxRows: 4 }}\n                style={{\n                  border: \"none\",\n                  boxShadow: \"none\",\n                  outline: \"none\",\n                  padding: 0,\n                }}\n              />\n            </div>\n\n            {/* 后缀插槽(默认显示操作按钮) */}\n            {renderSlot(suffix, defaultSuffix)}\n          </div>\n        </div>\n\n        {/* 底部插槽(默认显示提示文字) */}\n        {renderSlot(\n          footer,\n          <div className={styles.tip}>\n            内容由AI生成,无法确保真实准确,仅供参考\n          </div>,\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default XAdkSender;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useState, useRef, useCallback } from \"react\";\nimport { Popconfirm, message, Tooltip, Input, Modal } from \"antd\";\nimport {\n  ClearOutlined,\n  LoadingOutlined,\n  ArrowUpOutlined,\n  PaperClipOutlined,\n} from \"@ant-design/icons\";\nimport {\n  XAdkSenderProps,\n  ServerFile,\n  LocalFile,\n  ActionsComponents,\n  FileValidator,\n} from \"@/types\";\nimport { useStyles } from \"./styles\";\nimport FileGallery from \"../FileGallery\";\nimport { getExt } from \"@/utils/file\";\n\nconst XAdkSender: React.FC<XAdkSenderProps> = ({\n  clearBtnShow = true,\n  allowUpload = false,\n  loading = false,\n  disabled = false,\n  uploadRequest = () => {},\n  onClear,\n  onChange,\n  onSubmit,\n  onStop,\n  onFilesChange,\n  onUploadSuccess,\n  onUploadError,\n  maxFileSize = 10,\n  validators: customValidators = [],\n  // allowedFileTypes = [\n  //   \"image/*\",\n  //   \"audio/*\",\n  //   \"video/*\",\n  //   \"application/pdf\",\n  //   \"text/plain\",\n  //   \".doc\",\n  //   \".docx\",\n  //   \".xls\",\n  //   \".xlsx\",\n  //   \".ppt\",\n  //   \".pptx\",\n  //   \"\",\n  // ],\n  allowedFileTypes = [],\n  maxFiles = 5,\n  suffix,\n  header,\n  prefix,\n  footer,\n}) => {\n  const styles = useStyles();\n  const [value, setValue] = useState<string>(\"\");\n  const [files, setFiles] = useState<LocalFile[]>([]);\n  const [isDragOver, setIsDragOver] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  // 生成唯一ID\n  const generateId = () => {\n    return Date.now().toString(36) + Math.random().toString(36).substr(2);\n  };\n\n  // 检查文件类型\n  const checkFileType = (file: File): boolean => {\n    if (allowedFileTypes?.length > 0) {\n      const ext = getExt(file);\n\n      return allowedFileTypes.some((type) => {\n        // 1️⃣ MIME 校验\n        if (type.includes(\"/\")) {\n          if (type.endsWith(\"/*\")) {\n            return file.type.startsWith(type.split(\"/\")[0]);\n          }\n          return file.type === type;\n        }\n\n        if (type.startsWith(\".\")) {\n          return ext === type.slice(1);\n        }\n\n        return false;\n      });\n    }\n    return true;\n  };\n\n  // 检查文件大小\n  const checkFileSize = (file: File): boolean => {\n    const maxSize = maxFileSize * 1024 * 1024;\n    return file.size <= maxSize;\n  };\n\n  // 重复文件检测\n  const isDuplicateFile = (file: File, files: LocalFile[]) => {\n    return files.some((f) => f.name === file.name && f.size === file.size);\n  };\n\n  // 内置校验器集合\n  const builtInValidators: FileValidator[] = [\n    // 数量校验（修复批量 bug）\n    (_file, { files }) => {\n      if (files.length >= maxFiles) {\n        return `最多只能上传 ${maxFiles} 个文件`;\n      }\n      return null;\n    },\n\n    // 大小校验\n    (file) => {\n      const maxSize = maxFileSize * 1024 * 1024;\n      if (file.size > maxSize) {\n        return `文件大小不能超过 ${maxFileSize}MB`;\n      }\n      return null;\n    },\n\n    // 类型校验\n    (file) => {\n      if (!checkFileType(file)) {\n        return \"不支持的文件类型\";\n      }\n      return null;\n    },\n\n    // ⭐ 新增：去重校验\n    (file, { files }) => {\n      if (isDuplicateFile(file, files)) {\n        return \"文件已存在\";\n      }\n      return null;\n    },\n  ];\n\n  const allValidators = [...builtInValidators, ...customValidators];\n\n  // 验证文件\n  const validateFile = (file: File): { valid: boolean; message?: string } => {\n    for (const validator of allValidators) {\n      const error = validator(file, { files });\n      if (error) {\n        return { valid: false, message: error };\n      }\n    }\n    return { valid: true };\n  };\n\n  // 处理文件选择\n  const handleFileSelect = useCallback(\n    (selectedFiles: File[]) => {\n      const fileArray = Array.from(selectedFiles);\n\n      if (files.length + fileArray.length > maxFiles) {\n        message.error(`最多只能上传 ${maxFiles} 个文件`);\n        return;\n      }\n\n      const validFiles: LocalFile[] = [];\n\n      fileArray.forEach((file) => {\n        const validation = validateFile(file);\n\n        if (validation.valid) {\n          validFiles.push({\n            id: generateId(),\n            uid: generateId(),\n            name: file.name,\n            size: file.size,\n            type: file.type,\n            file,\n            progress: 0,\n            status: \"pending\",\n            response: null,\n          });\n        } else {\n          message.error(validation.message);\n        }\n      });\n\n      if (validFiles.length > 0) {\n        setFiles((prev) => {\n          const next = [...prev, ...validFiles];\n          onFilesChange?.(next);\n          return next;\n        });\n        uploadFiles(validFiles);\n      }\n    },\n    [files, maxFiles, maxFileSize, allowedFileTypes],\n  );\n\n  // 上传文件\n  const uploadFiles = async (fileList: LocalFile[]) => {\n    for (const localFile of fileList) {\n      // 开始上传\n      setFiles((prev) =>\n        prev.map((f) =>\n          f.id === localFile.id ? { ...f, status: \"uploading\" } : f,\n        ),\n      );\n\n      try {\n        await uploadRequest({\n          file: localFile.file,\n          onProgress: (e) => {\n            setFiles((prev) =>\n              prev.map((f) =>\n                f.id === localFile.id ? { ...f, progress: e.percent } : f,\n              ),\n            );\n          },\n          onSuccess: (response) => {\n            setFiles((prev) =>\n              prev.map((f) =>\n                f.id === localFile.id\n                  ? {\n                      ...f,\n                      status: \"success\",\n                      progress: 100,\n                      response,\n                    }\n                  : f,\n              ),\n            );\n\n            onUploadSuccess?.({\n              ...localFile,\n              status: \"success\",\n              response,\n            });\n          },\n          onError: (error) => {\n            setFiles((prev) =>\n              prev.map((f) =>\n                f.id === localFile.id\n                  ? {\n                      ...f,\n                      status: \"error\",\n                      errorMessage: error.message,\n                    }\n                  : f,\n              ),\n            );\n            onUploadError?.(localFile, error);\n          },\n        });\n      } catch (error) {\n        console.error(\"上传处理错误:\", error);\n        setFiles((prev) =>\n          prev.map((f) =>\n            f.id === localFile.id\n              ? {\n                  ...f,\n                  status: \"error\",\n                  errorMessage:\n                    error instanceof Error ? error.message : \"上传处理失败\",\n                }\n              : f,\n          ),\n        );\n        message.error(`${localFile.name} 上传失败`);\n      }\n    }\n  };\n\n  // 删除文件\n  const handleRemoveFile = (id: string) => {\n    setFiles((prev) => {\n      const next = prev.filter((file) => file.id !== id);\n\n      onFilesChange?.(next);\n\n      return next;\n    });\n  };\n\n  // 触发文件选择\n  const triggerFileSelect = () => {\n    if (fileInputRef.current) {\n      fileInputRef.current.click();\n    }\n  };\n\n  // 处理拖拽事件\n  const handleDragOver = useCallback(\n    (e: React.DragEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      if (allowUpload) {\n        setIsDragOver(true);\n      }\n    },\n    [allowUpload],\n  );\n\n  const handleDragLeave = useCallback(\n    (e: React.DragEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      if (allowUpload) {\n        setIsDragOver(false);\n      }\n    },\n    [allowUpload],\n  );\n\n  const handleDrop = useCallback(\n    (e: React.DragEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setIsDragOver(false);\n\n      if (\n        allowUpload &&\n        e.dataTransfer.files &&\n        e.dataTransfer.files.length > 0\n      ) {\n        handleFileSelect(Array.from(e.dataTransfer.files));\n      }\n    },\n    [allowUpload, handleFileSelect],\n  );\n\n  // 处理提交\n  const handleSubmit = () => {\n    if (!value.trim() && files.length === 0) {\n      message.warning(\"请输入消息或选择文件\");\n      return;\n    }\n\n    const successFiles = files.filter((file) => file.status === \"success\");\n    const uploadingFiles = files.filter((file) => file.status === \"uploading\");\n\n    if (uploadingFiles.length > 0) {\n      Modal.confirm({\n        title: \"文件上传中\",\n        content: `还有 ${uploadingFiles.length} 个文件正在上传，是否继续发送？`,\n        okText: \"发送已完成的\",\n        cancelText: \"等待全部完成\",\n        onOk: () => {\n          const formattedFiles = formatFilesForServer(successFiles);\n          if (onSubmit) {\n            onSubmit({\n              text: value,\n              files: formattedFiles,\n            });\n          }\n\n          setValue(\"\");\n          setFiles((prev) => prev.filter((f) => f.status !== \"success\"));\n        },\n        onCancel: () => {\n          message.info(\"请等待文件上传完成后再发送\");\n        },\n      });\n    } else {\n      const formattedFiles = formatFilesForServer(successFiles);\n\n      if (onSubmit) {\n        onSubmit({\n          text: value,\n          files: formattedFiles,\n        });\n      }\n\n      setValue(\"\");\n      setFiles((prev) => prev.filter((f) => f.status !== \"success\"));\n    }\n  };\n\n  // 格式化文件列表为服务端格式\n  const formatFilesForServer = (fileList: LocalFile[]): ServerFile[] => {\n    return fileList\n      .filter((file) => file.status === \"success\" && file.response?.data)\n      .map((file) => {\n        const responseData = file.response.data;\n\n        return {\n          fileName: file.name,\n          fileId: responseData.fileId || responseData.id || 0,\n          tempUrl: responseData.tempUrl || responseData.url || \"\",\n          type: responseData.fileType || getExt(file),\n          mimeType: file.type,\n        };\n      });\n  };\n\n  // 处理输入框变化\n  const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const newValue = e.target.value;\n    setValue(newValue);\n    onChange?.(newValue);\n  };\n\n  // 处理回车键\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      handleSubmit();\n    }\n  };\n\n  // 渲染文件列表 - 使用新的 FileGallery 组件\n  const renderFileList = () => {\n    if (files.length === 0) return null;\n\n    return (\n      <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"8px\", padding: \"12px 0\" }}>\n        {files.map((file) => (\n          <FileGallery\n            key={file.id}\n            file={file}\n            removable\n            onRemove={handleRemoveFile}\n          />\n        ))}\n      </div>\n    );\n  };\n\n  const containerClass = `${styles.container} ${isDragOver ? \"drag-over\" : \"\"}`;\n  const uploading = files.some((f) => f.status === \"uploading\");\n  const isDisabled = disabled || uploading || loading;\n\n  // 定义按钮组件\n  const SendButton = (props: any) => (\n    <Tooltip title={loading ? \"停止生成\" : \"发送消息\"}>\n      <button\n        className={`${styles.iconButton} ${styles.sendButton} ${loading ? \"stop\" : \"\"}`}\n        onClick={loading ? onStop : handleSubmit}\n        disabled={uploading || disabled}\n        aria-label={loading ? \"停止生成\" : \"发送消息\"}\n        {...props}\n      >\n        {loading ? <LoadingOutlined /> : <ArrowUpOutlined />}\n      </button>\n    </Tooltip>\n  );\n\n  const UploadButton = (props: any) => (\n    <Tooltip title=\"上传文件\">\n      <button\n        className={`${styles.iconButton} ${styles.uploadButton}`}\n        onClick={triggerFileSelect}\n        disabled={isDisabled}\n        aria-label=\"上传文件\"\n        {...props}\n      >\n        <PaperClipOutlined />\n      </button>\n    </Tooltip>\n  );\n\n  const ClearButton = (props: any) => (\n    <Popconfirm\n      title=\"确定要清空聊天记录吗?\"\n      onConfirm={onClear}\n      placement=\"top\"\n      okText=\"确定\"\n      cancelText=\"取消\"\n      disabled={isDisabled}\n    >\n      <button\n        className={`${styles.iconButton} ${styles.clearButton}`}\n        disabled={isDisabled}\n        aria-label=\"清空聊天记录\"\n        {...props}\n      >\n        <ClearOutlined />\n      </button>\n    </Popconfirm>\n  );\n\n  const actionsComponents: ActionsComponents = {\n    SendButton,\n    UploadButton,\n    ClearButton,\n  };\n\n  // 渲染插槽内容\n  const renderSlot = (\n    slot:\n      | React.ReactNode\n      | false\n      | ((\n          oriNode: React.ReactNode,\n          info: { components: ActionsComponents },\n        ) => React.ReactNode | false)\n      | undefined,\n    oriNode: React.ReactNode,\n  ): React.ReactNode | null => {\n    if (slot === false) return null;\n    if (slot === undefined) return oriNode;\n    if (typeof slot === \"function\") {\n      const result = slot(oriNode, { components: actionsComponents });\n      return result === false ? null : result;\n    }\n    return slot;\n  };\n\n  // 默认的后缀内容(操作按钮组)\n  const defaultSuffix = (\n    <div className={styles.buttonGroup}>\n      {allowUpload && <UploadButton />}\n      <SendButton />\n    </div>\n  );\n\n  return (\n    <div\n      ref={containerRef}\n      className={containerClass}\n      onDragOver={allowUpload ? handleDragOver : undefined}\n      onDragLeave={allowUpload ? handleDragLeave : undefined}\n      onDrop={allowUpload ? handleDrop : undefined}\n    >\n      {/* 头部插槽 */}\n      {renderSlot(header, false)}\n\n      {allowUpload && files.length > 0 && renderFileList()}\n\n      {/* 隐藏的原生 file input */}\n      {allowUpload && (\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          multiple\n          accept={allowedFileTypes.join(\",\")}\n          style={{ display: \"none\" }}\n          onChange={(e) => {\n            if (e.target.files) {\n              handleFileSelect(Array.from(e.target.files));\n              e.target.value = \"\";\n            }\n          }}\n        />\n      )}\n\n      <div className={styles.mainArea}>\n        <div className={styles.senderWrap}>\n          {/* 清除按钮 */}\n          {clearBtnShow && <ClearButton />}\n\n          <div className={styles.inputAndButtons}>\n            {/* 前缀插槽 */}\n            {renderSlot(prefix, false)}\n\n            <div className={styles.textAreaWrapper}>\n              <Input.TextArea\n                className={styles.textArea}\n                value={value}\n                onChange={handleInputChange}\n                onKeyDown={handleKeyDown}\n                placeholder=\"请输入消息...\"\n                disabled={isDisabled}\n                autoSize={{ minRows: 1, maxRows: 4 }}\n                style={{\n                  border: \"none\",\n                  boxShadow: \"none\",\n                  outline: \"none\",\n                  padding: 0,\n                }}\n              />\n            </div>\n\n            {/* 后缀插槽(默认显示操作按钮) */}\n            {renderSlot(suffix, defaultSuffix)}\n          </div>\n        </div>\n\n        {/* 底部插槽(默认显示提示文字) */}\n        {renderSlot(\n          footer,\n          <div className={styles.tip}>\n            内容由AI生成,无法确保真实准确,仅供参考\n          </div>,\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default XAdkSender;\n"],
+  "mappings": "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",
   "names": ["files", "FileGallery"]
 }

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

@@ -20,31 +20,11 @@ export interface FileItem {
     response?: any;
 }
 export interface FileGalleryProps {
-    /**
-     * 文件列表
-     */
-    files: FileItem[];
-    /**
-     * 对齐方式
-     * @default 'left'
-     */
+    file: FileItem;
     align?: "left" | "right";
-    /**
-     * 是否可删除
-     * @default false
-     */
     removable?: boolean;
-    /**
-     * 删除文件回调
-     */
     onRemove?: (id: string) => void;
-    /**
-     * 自定义样式类名
-     */
     className?: string;
-    /**
-     * 自定义样式
-     */
     style?: React.CSSProperties;
 }
 export interface FileItemComponentProps {

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

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

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

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

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import FileGallery from "./index";
+declare const meta: Meta<typeof FileGallery>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const 基础用法: Story;

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

@@ -0,0 +1,48 @@
+import FileGallery from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: "AI组件/FileGallery 附件卡片",
+  component: FileGallery,
+  parameters: {
+    layout: "padded",
+    docs: {
+      description: {
+        component: "\n\n\u4E00\u4E2A\u901A\u7528\u7684\u5355\u6587\u4EF6\u5C55\u793A\u7EC4\u4EF6\uFF0C\u7C7B\u4F3C antd-design-x \u7684\u8BBE\u8BA1\u98CE\u683C\uFF0C\u652F\u6301\u591A\u79CD\u6587\u4EF6\u7C7B\u578B\u7684\u5C55\u793A\u548C\u4EA4\u4E92\u3002\n\n## \u2728 \u7279\u6027\n\n- \uD83D\uDCC1 \u652F\u6301\u591A\u79CD\u6587\u4EF6\u7C7B\u578B\u5C55\u793A (\u56FE\u7247\u3001\u97F3\u9891\u3001\u89C6\u9891\u3001\u6587\u6863\u7B49)\n- \uD83D\uDDBC\uFE0F \u56FE\u7247\u652F\u6301\u9884\u89C8\u548C\u7F29\u7565\u56FE\n- \uD83C\uDFB5 \u97F3\u9891\u6587\u4EF6\u652F\u6301\u5185\u8054\u64AD\u653E\n- \uD83C\uDFAC \u89C6\u9891\u6587\u4EF6\u652F\u6301\u5185\u8054\u64AD\u653E\n- \uD83D\uDCCA \u663E\u793A\u6587\u4EF6\u5927\u5C0F\u3001\u7C7B\u578B\u56FE\u6807\n- \uD83D\uDDD1\uFE0F \u652F\u6301\u5220\u9664\u64CD\u4F5C\n- \uD83D\uDCE4 \u652F\u6301\u4E0A\u4F20\u8FDB\u5EA6\u663E\u793A\n- \uD83C\uDFAF \u5355\u6587\u4EF6\u8BBE\u8BA1\uFF0C\u5E03\u5C40\u7075\u6D3B\u53EF\u63A7\n- \uD83C\uDFA8 \u652F\u6301\u5361\u7247\u5185\u90E8\u5E03\u5C40\u63A7\u5236\uFF08\u56FE\u6807\u5728\u5DE6/\u53F3\uFF09\n\n## \uD83C\uDFA8 \u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B\n\n### \u56FE\u7247 (\u5E26\u9884\u89C8)\n\n- jpg, jpeg, png, gif, webp, bmp, svg\n\n### \u97F3\u9891 (\u5185\u8054\u64AD\u653E)\n\n- mp3, wav, m4a, aac, ogg, flac\n\n### \u89C6\u9891 (\u5185\u8054\u64AD\u653E)\n\n- mp4, mov, webm, mkv, avi\n\n### \u6587\u6863 (\u56FE\u6807\u5C55\u793A)\n\n- PDF: pdf\n- Word: doc, docx\n- Excel: xls, xlsx, csv\n- PowerPoint: ppt, pptx\n- \u5176\u4ED6: \u901A\u7528\u6587\u4EF6\u56FE\u6807\n\n## \uD83D\uDCDD Props \u8BF4\u660E\n\n| \u5C5E\u6027      | \u7C7B\u578B                  | \u9ED8\u8BA4\u503C | \u8BF4\u660E                                       |\n| --------- | --------------------- | ------ | ------------------------------------------ |\n| file      | FileItem              | -      | \u6587\u4EF6\u5BF9\u8C61\uFF08\u5FC5\u9700\uFF09                           |\n| align     | \"left\" | \"right\"     | \"left\" | \u5361\u7247\u5185\u90E8\u5E03\u5C40\uFF1A\u56FE\u6807\u5728\u5DE6(left)\u6216\u53F3(right)    |\n| removable | boolean               | false  | \u662F\u5426\u663E\u793A\u5220\u9664\u6309\u94AE                           |\n| onRemove  | (id: string) => void  | -      | \u5220\u9664\u6587\u4EF6\u56DE\u8C03                               |\n| className | string                | -      | \u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D                             |\n| style     | React.CSSProperties   | -      | \u81EA\u5B9A\u4E49\u6837\u5F0F                                 |\n\n\n## \uD83D\uDCA1 \u8BBE\u8BA1\u7406\u5FF5\n\n### \u4E3A\u4EC0\u4E48\u662F\u5355\u6587\u4EF6\u8BBE\u8BA1\uFF1F\n\n1. **\u5E03\u5C40\u7075\u6D3B\u6027**\uFF1A\u4E0A\u5C42\u7EC4\u4EF6\u53EF\u4EE5\u81EA\u7531\u63A7\u5236\u6587\u4EF6\u5217\u8868\u7684\u5E03\u5C40\u65B9\u5F0F\uFF08flex\u3001grid\u3001\u6C34\u5E73\u3001\u5782\u76F4\u7B49\uFF09\n2. **\u5BF9\u9F50\u63A7\u5236**\uFF1A\u901A\u8FC7\u5BB9\u5668\u7684 CSS \u63A7\u5236\u6574\u4E2A\u5217\u8868\u7684\u5BF9\u9F50\u65B9\u5F0F\uFF0C\u800C\u975E\u7EC4\u4EF6\u5185\u90E8\u63A7\u5236\n3. **\u8D23\u4EFB\u5355\u4E00**\uFF1A\u7EC4\u4EF6\u4E13\u6CE8\u4E8E\u5355\u4E2A\u6587\u4EF6\u7684\u5C55\u793A\uFF0C\u4E0D\u5173\u5FC3\u5217\u8868\u5E03\u5C40\n4. **\u6613\u4E8E\u6269\u5C55**\uFF1A\u53EF\u4EE5\u8F7B\u677E\u63D2\u5165\u5176\u4ED6\u5143\u7D20\uFF08\u5982\u5206\u9694\u7B26\u3001\u6807\u7B7E\u7B49\uFF09\n        "
+      }
+    }
+  },
+  tags: ["autodocs"],
+  argTypes: {}
+};
+export default meta;
+// ============================================
+// 示例 1: 基础用法
+// ============================================
+export var 基础用法 = {
+  render: function render() {
+    var remoteFiles = [{
+      displayName: "report.xlsx",
+      mimeType: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+      fileUri: "https://example.com/report.xlsx"
+    }, {
+      displayName: "photo.png",
+      mimeType: "image/png",
+      fileUri: "https://example.com/photo.png"
+    }];
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        display: "flex",
+        flexWrap: "wrap",
+        gap: "8px",
+        justifyContent: "flex-start"
+      },
+      children: remoteFiles.map(function (file, index) {
+        return /*#__PURE__*/_jsx(FileGallery, {
+          file: file,
+          align: "left"
+        }, index);
+      })
+    });
+  }
+};
+//# sourceMappingURL=FileGallery.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FileGallery","jsx","_jsx","meta","title","component","parameters","layout","docs","description","tags","argTypes","基础用法","render","remoteFiles","displayName","mimeType","fileUri","style","display","flexWrap","gap","justifyContent","children","map","file","index","align"],"sources":["../../../../src/components/FileGallery/FileGallery.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport FileGallery from \"./index\";\n\nconst meta: Meta<typeof FileGallery> = {\n  title: \"AI组件/FileGallery 附件卡片\",\n  component: FileGallery,\n  parameters: {\n    layout: \"padded\",\n    docs: {\n      description: {\n        component: `\n\n一个通用的单文件展示组件，类似 antd-design-x 的设计风格，支持多种文件类型的展示和交互。\n\n## ✨ 特性\n\n- 📁 支持多种文件类型展示 (图片、音频、视频、文档等)\n- 🖼️ 图片支持预览和缩略图\n- 🎵 音频文件支持内联播放\n- 🎬 视频文件支持内联播放\n- 📊 显示文件大小、类型图标\n- 🗑️ 支持删除操作\n- 📤 支持上传进度显示\n- 🎯 单文件设计，布局灵活可控\n- 🎨 支持卡片内部布局控制（图标在左/右）\n\n## 🎨 支持的文件类型\n\n### 图片 (带预览)\n\n- jpg, jpeg, png, gif, webp, bmp, svg\n\n### 音频 (内联播放)\n\n- mp3, wav, m4a, aac, ogg, flac\n\n### 视频 (内联播放)\n\n- mp4, mov, webm, mkv, avi\n\n### 文档 (图标展示)\n\n- PDF: pdf\n- Word: doc, docx\n- Excel: xls, xlsx, csv\n- PowerPoint: ppt, pptx\n- 其他: 通用文件图标\n\n## 📝 Props 说明\n\n| 属性      | 类型                  | 默认值 | 说明                                       |\n| --------- | --------------------- | ------ | ------------------------------------------ |\n| file      | FileItem              | -      | 文件对象（必需）                           |\n| align     | \"left\" \\| \"right\"     | \"left\" | 卡片内部布局：图标在左(left)或右(right)    |\n| removable | boolean               | false  | 是否显示删除按钮                           |\n| onRemove  | (id: string) => void  | -      | 删除文件回调                               |\n| className | string                | -      | 自定义样式类名                             |\n| style     | React.CSSProperties   | -      | 自定义样式                                 |\n\n\n## 💡 设计理念\n\n### 为什么是单文件设计？\n\n1. **布局灵活性**：上层组件可以自由控制文件列表的布局方式（flex、grid、水平、垂直等）\n2. **对齐控制**：通过容器的 CSS 控制整个列表的对齐方式，而非组件内部控制\n3. **责任单一**：组件专注于单个文件的展示，不关心列表布局\n4. **易于扩展**：可以轻松插入其他元素（如分隔符、标签等）\n        `,\n      },\n    },\n  },\n  tags: [\"autodocs\"],\n  argTypes: {},\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// ============================================\n// 示例 1: 基础用法\n// ============================================\nexport const 基础用法: Story = {\n  render: () => {\n    const remoteFiles = [\n      {\n        displayName: \"report.xlsx\",\n        mimeType:\n          \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n        fileUri: \"https://example.com/report.xlsx\",\n      },\n      {\n        displayName: \"photo.png\",\n        mimeType: \"image/png\",\n        fileUri: \"https://example.com/photo.png\",\n      },\n    ];\n\n    return (\n      <div\n        style={{\n          display: \"flex\",\n          flexWrap: \"wrap\",\n          gap: \"8px\",\n          justifyContent: \"flex-start\",\n        }}\n      >\n        {remoteFiles.map((file, index) => (\n          <FileGallery key={index} file={file} align=\"left\" />\n        ))}\n      </div>\n    );\n  },\n};\n"],"mappings":"AACA,OAAOA,WAAW;AAAgB,SAAAC,GAAA,IAAAC,IAAA;AAElC,IAAMC,IAA8B,GAAG;EACrCC,KAAK,EAAE,uBAAuB;EAC9BC,SAAS,EAAEL,WAAW;EACtBM,UAAU,EAAE;IACVC,MAAM,EAAE,QAAQ;IAChBC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXJ,SAAS;MA2DX;IACF;EACF,CAAC;EACDK,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,QAAQ,EAAE,CAAC;AACb,CAAC;AAED,eAAeR,IAAI;AAGnB;AACA;AACA;AACA,OAAO,IAAMS,IAAW,GAAG;EACzBC,MAAM,EAAE,SAAAA,OAAA,EAAM;IACZ,IAAMC,WAAW,GAAG,CAClB;MACEC,WAAW,EAAE,aAAa;MAC1BC,QAAQ,EACN,mEAAmE;MACrEC,OAAO,EAAE;IACX,CAAC,EACD;MACEF,WAAW,EAAE,WAAW;MACxBC,QAAQ,EAAE,WAAW;MACrBC,OAAO,EAAE;IACX,CAAC,CACF;IAED,oBACEf,IAAA;MACEgB,KAAK,EAAE;QACLC,OAAO,EAAE,MAAM;QACfC,QAAQ,EAAE,MAAM;QAChBC,GAAG,EAAE,KAAK;QACVC,cAAc,EAAE;MAClB,CAAE;MAAAC,QAAA,EAEDT,WAAW,CAACU,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;QAAA,oBAC3BxB,IAAA,CAACF,WAAW;UAAayB,IAAI,EAAEA,IAAK;UAACE,KAAK,EAAC;QAAM,GAA/BD,KAAiC,CAAC;MAAA,CACrD;IAAC,CACC,CAAC;EAEV;AACF,CAAC"}

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { FileGalleryProps } from "../../types";
 /**
- * FileGallery - 通用文件展示组件
+ * FileGallery - 单文件展示组件
  *
  * 功能特性:
  * - 📁 支持多种文件类型展示 (图片、音频、视频、文档等)
@@ -11,23 +11,24 @@ import { FileGalleryProps } from "../../types";
  * - 📊 显示文件大小、类型图标
  * - 🗑️ 支持删除操作
  * - 📤 支持上传进度显示
- * - 🎨 支持左右对齐
+ * - 🎨 支持卡片内部布局控制（align：图标和信息的排列方式）
  *
  * @example
  * // XAdkSender 场景 - 可删除的本地文件
- * <FileGallery
- *   files={localFiles}
- *   removable
- *   onRemove={handleRemove}
- *   align="left"
- * />
+ * {files.map(file => (
+ *   <FileGallery
+ *     key={file.id}
+ *     file={file}
+ *     removable
+ *     onRemove={handleRemove}
+ *   />
+ * ))}
  *
  * @example
  * // XadkChatbot 场景 - 只读的远程文件
- * <FileGallery
- *   files={remoteFiles}
- *   align="right"
- * />
+ * {files.map(file => (
+ *   <FileGallery key={file.id} file={file} />
+ * ))}
  */
 declare const FileGallery: React.FC<FileGalleryProps>;
 export default FileGallery;

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

@@ -164,12 +164,46 @@ var formatFileSize = function formatFileSize(bytes) {
 };
 var styles = useStyles();
 
-// ==================== 子组件 ====================
-
-var FileItemComponent = function FileItemComponent(_ref) {
+/**
+ * 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,
-    removable = _ref.removable,
-    onRemove = _ref.onRemove;
+    _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;
   var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     objectUrl = _useState2[0],
@@ -182,6 +216,7 @@ var FileItemComponent = function FileItemComponent(_ref) {
       return URL.revokeObjectURL(url);
     };
   }, [file.file]);
+  if (!file) return null;
   var isImage = isImageFile(file);
   var isAudio = isAudioFile(file);
   var isVideo = isVideoFile(file);
@@ -193,7 +228,8 @@ var FileItemComponent = function FileItemComponent(_ref) {
   // 图片文件
   if (isImage) {
     return /*#__PURE__*/_jsxs("div", {
-      className: styles.fileCard,
+      className: "".concat(styles.fileCard, " ").concat(align === "right" ? "align-right" : "", " ").concat(className || ""),
+      style: style,
       children: [/*#__PURE__*/_jsxs("div", {
         className: styles.imageThumbnail,
         children: [/*#__PURE__*/_jsx(Image, {
@@ -239,7 +275,8 @@ var FileItemComponent = function FileItemComponent(_ref) {
   // 音频文件
   if (isAudio) {
     return /*#__PURE__*/_jsxs("div", {
-      className: styles.fileCard,
+      className: "".concat(styles.fileCard, " ").concat(align === "right" ? "align-right" : "", " ").concat(className || ""),
+      style: style,
       children: [/*#__PURE__*/_jsx("div", {
         className: styles.fileIcon,
         style: {
@@ -278,7 +315,8 @@ var FileItemComponent = function FileItemComponent(_ref) {
   // 视频文件
   if (isVideo) {
     return /*#__PURE__*/_jsxs("div", {
-      className: styles.fileCard,
+      className: "".concat(styles.fileCard, " ").concat(align === "right" ? "align-right" : "", " ").concat(className || ""),
+      style: style,
       children: [/*#__PURE__*/_jsx("div", {
         className: styles.fileIcon,
         style: {
@@ -320,7 +358,8 @@ var FileItemComponent = function FileItemComponent(_ref) {
     color = _getFileIcon.color;
   var isExternalUrl = url && url.startsWith("http");
   return /*#__PURE__*/_jsxs("div", {
-    className: styles.fileCard,
+    className: "".concat(styles.fileCard, " ").concat(align === "right" ? "align-right" : "", " ").concat(className || ""),
+    style: style,
     children: [/*#__PURE__*/_jsx("div", {
       className: styles.fileIcon,
       style: {
@@ -375,65 +414,5 @@ var FileItemComponent = function FileItemComponent(_ref) {
     })]
   });
 };
-
-// ==================== 主组件 ====================
-
-/**
- * FileGallery - 通用文件展示组件
- *
- * 功能特性:
- * - 📁 支持多种文件类型展示 (图片、音频、视频、文档等)
- * - 🖼️ 图片支持预览和缩略图
- * - 🎵 音频文件支持内联播放
- * - 🎬 视频文件支持内联播放
- * - 📊 显示文件大小、类型图标
- * - 🗑️ 支持删除操作
- * - 📤 支持上传进度显示
- * - 🎨 支持左右对齐
- *
- * @example
- * // XAdkSender 场景 - 可删除的本地文件
- * <FileGallery
- *   files={localFiles}
- *   removable
- *   onRemove={handleRemove}
- *   align="left"
- * />
- *
- * @example
- * // XadkChatbot 场景 - 只读的远程文件
- * <FileGallery
- *   files={remoteFiles}
- *   align="right"
- * />
- */
-var FileGallery = function FileGallery(_ref2) {
-  var files = _ref2.files,
-    _ref2$align = _ref2.align,
-    align = _ref2$align === void 0 ? "left" : _ref2$align,
-    _ref2$removable = _ref2.removable,
-    removable = _ref2$removable === void 0 ? false : _ref2$removable,
-    _ref2$onRemove = _ref2.onRemove,
-    onRemove = _ref2$onRemove === void 0 ? function () {} : _ref2$onRemove,
-    className = _ref2.className,
-    style = _ref2.style;
-  if (!files || files.length === 0) return null;
-  return /*#__PURE__*/_jsx("div", {
-    className: "".concat(styles.container, " ").concat(align === "right" ? "align-right" : "", " ").concat(className || ""),
-    style: style,
-    children: /*#__PURE__*/_jsx("div", {
-      className: styles.fileList,
-      children: /*#__PURE__*/_jsx(Image.PreviewGroup, {
-        children: files.map(function (file, index) {
-          return /*#__PURE__*/_jsx(FileItemComponent, {
-            file: file,
-            removable: removable,
-            onRemove: onRemove
-          }, getFileId(file) || index);
-        })
-      })
-    })
-  });
-};
 export default FileGallery;
 //# sourceMappingURL=index.js.map