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

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 {\n  Popconfirm, \n  message, \n  Progress,\n  Tooltip,\n  Input,\n  Modal,\n} from 'antd';\nimport { \n  ClearOutlined, \n  LoadingOutlined, \n  ArrowUpOutlined,\n  PaperClipOutlined,\n  CloseOutlined,\n} from '@ant-design/icons';\nimport { XAdkSenderProps, ServerFile, LocalFile } from '../../types/XAdkSender';\nimport { useStyles } from './styles';\n\n// 文件类型图标映射\nconst FILE_ICONS: Record<string, React.ReactNode> = {\n  // ... 保持不变\n};\n\nconst XAdkSender: React.FC<XAdkSenderProps> = ({ \n  clearBtnShow = true,\n  allowUpload = false,\n  loading = false,\n  uploadRequest = () => {},\n  onClear,\n  onChange,\n  onSubmit,\n  onStop,\n  onFilesChange,\n  maxFileSize = 10,\n  allowedFileTypes = ['image/*', 'application/pdf', 'text/plain'],\n  maxFiles = 5\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  const uploadRef = useRef<any>(null);\n  \n  // 生成唯一ID\n  const generateId = () => {\n    return Date.now().toString(36) + Math.random().toString(36).substr(2);\n  };\n  \n  // 获取文件图标\n  const getFileIcon = (fileType: string) => {\n    return FILE_ICONS[fileType] || FILE_ICONS.default;\n  };\n  \n  // 格式化文件大小\n  const formatFileSize = (bytes: number): string => {\n    if (bytes < 1024) return bytes + ' Bytes';\n    if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB';\n    return (bytes / (1024 * 1024)).toFixed(1) + ' MB';\n  };\n  \n  // 检查文件类型\n  const checkFileType = (file: File): boolean => {\n    if (!allowedFileTypes.length) return true;\n    \n    return allowedFileTypes.some(type => {\n      if (type.includes('/*')) {\n        const mainType = type.split('/')[0];\n        return file.type.startsWith(mainType);\n      }\n      return file.type === type;\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 validateFile = (file: File): { valid: boolean; message?: string } => {\n    if (files.length >= maxFiles) {\n      return { valid: false, message: `最多只能上传 ${maxFiles} 个文件` };\n    }\n    \n    if (!checkFileSize(file)) {\n      return { valid: false, message: `文件大小不能超过 ${maxFileSize}MB` };\n    }\n    \n    if (!checkFileType(file)) {\n      return { valid: false, message: '不支持的文件类型' };\n    }\n    \n    return { valid: true };\n  };\n\n  // 获取文件扩展名\n  const getFileExtension = (filename: string): string => {\n    const ext = filename.split('.').pop();\n    return ext ? ext.toLowerCase() : '';\n  };\n\n  // 处理文件选择\n  const handleFileSelect = useCallback((selectedFiles: File[]) => {\n    const fileArray = Array.from(selectedFiles);\n    const validFiles: LocalFile[] = [];\n    \n    fileArray.forEach(file => {\n      const validation = validateFile(file);\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 => [...prev, ...validFiles]);\n      uploadFiles(validFiles);\n    }\n  }, [files.length, maxFiles, maxFileSize, allowedFileTypes]);\n\n  // 上传文件\n  const uploadFiles = async (fileList: LocalFile[]) => {\n    for (const localFile of fileList) {\n      // 开始上传\n      setFiles(prev => prev.map(f => \n        f.id === localFile.id ? { ...f, status: 'uploading' } : f\n      ));\n      \n      try {\n        await uploadRequest({\n          file: localFile.file,\n          onProgress: (e) => {\n            setFiles(prev => prev.map(f => \n              f.id === localFile.id ? { ...f, progress: e.percent } : f\n            ));\n          },\n          onSuccess: (response) => {\n            setFiles(prev => prev.map(f => \n              f.id === localFile.id ? { \n                ...f, \n                status: 'success', \n                progress: 100,\n                response \n              } : f\n            ));\n          },\n          onError: (error) => {\n            setFiles(prev => prev.map(f => \n              f.id === localFile.id ? { \n                ...f, \n                status: 'error',\n                errorMessage: error.message || '上传失败'\n              } : f\n            ));\n            message.error(`${localFile.name} 上传失败: ${error.message || '未知错误'}`);\n          }\n        });\n      } catch (error) {\n        console.error('上传处理错误:', error);\n        setFiles(prev => prev.map(f => \n          f.id === localFile.id ? { \n            ...f, \n            status: 'error',\n            errorMessage: error instanceof Error ? error.message : '上传处理失败'\n          } : f\n        ));\n        message.error(`${localFile.name} 上传失败`);\n      }\n    }\n  };\n\n  // 模拟上传过程\n  const simulateUpload = async (uploadFilesList: LocalFile[]) => {\n    uploadFilesList.forEach(localFile => {\n      let progress = 0;\n      const interval = setInterval(() => {\n        progress += 10;\n        setFiles(prev => prev.map(f => \n          f.id === localFile.id ? { ...f, progress } : f\n        ));\n        \n        if (progress >= 100) {\n          clearInterval(interval);\n          setTimeout(() => {\n            // 模拟服务器响应\n            const mockResponse = {\n              code: 200,\n              data: {\n                fileId: Math.floor(Math.random() * 1000) + 1,\n                tempUrl: `https://example.com/uploads/${localFile.name}`,\n                fileName: localFile.name,\n                fileType: getFileExtension(localFile.name)\n              }\n            };\n            \n            setFiles(prev => prev.map(f => \n              f.id === localFile.id ? { \n                ...f, \n                status: 'success', \n                progress: 100,\n                response: mockResponse\n              } : f\n            ));\n          }, 300);\n        }\n      }, 100);\n    });\n  };\n  \n  // 删除文件\n  const handleRemoveFile = (id: string) => {\n    setFiles(prev => prev.filter(file => file.id !== id));\n  };\n  \n  // 触发文件选择\n  const triggerFileSelect = () => {\n    if (fileInputRef.current) {\n      fileInputRef.current.click();\n    }\n  };\n  \n  // 处理拖拽事件\n  const handleDragOver = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (allowUpload) {\n      setIsDragOver(true);\n    }\n  }, [allowUpload]);\n  \n  const handleDragLeave = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (allowUpload) {\n      setIsDragOver(false);\n    }\n  }, [allowUpload]);\n  \n  const handleDrop = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragOver(false);\n    \n    if (allowUpload && e.dataTransfer.files && e.dataTransfer.files.length > 0) {\n      handleFileSelect(Array.from(e.dataTransfer.files));\n    }\n  }, [allowUpload, handleFileSelect]);\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 || getFileExtension(file.name),\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  // 渲染文件列表\n  const renderFileList = () => {\n    if (files.length === 0) return null;\n    \n    return (\n      <div className={styles.fileListArea}>\n        <div className={styles.fileList}>\n          {files.map(file => (\n            <div key={file.id} className={styles.fileCard}>\n              <div className={styles.fileIcon}>\n                {getFileIcon(file.type)}\n              </div>\n              <div className={styles.fileInfo}>\n                <div className={styles.fileName}>\n                  <Tooltip title={file.name}>\n                    {file.name.length > 15 ? `${file.name.substring(0, 15)}...` : file.name}\n                  </Tooltip>\n                </div>\n                \n                {file.status === 'uploading' ? (\n                  <div className={styles.uploadProgress}>\n                    <Progress \n                      percent={file.progress} \n                      size=\"small\" \n                      showInfo={false}\n                      strokeColor=\"#1890ff\"\n                    />\n                  </div>\n                ) : (\n                  <div className={styles.fileSize}>\n                    {formatFileSize(file.size)}\n                  </div>\n                )}\n              </div>\n              <button\n                className={styles.fileRemoveBtn}\n                onClick={() => handleRemoveFile(file.id)}\n                disabled={file.status === 'uploading'}\n                aria-label=\"删除文件\"\n              >\n                <CloseOutlined style={{ fontSize: 8 }} />\n              </button>\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  };\n  \n  const containerClass = `${styles.container} ${isDragOver ? 'drag-over' : ''}`;\n  const uploading = files.some(f => f.status === 'uploading');\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      {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          {clearBtnShow && (\n            <Popconfirm\n              title=\"确定要清空聊天记录吗？\"\n              onConfirm={onClear}\n              placement=\"top\"\n              okText=\"确定\"\n              cancelText=\"取消\"\n              disabled={uploading || loading}\n            >\n              <button\n                className={`${styles.iconButton} ${styles.clearButton}`}\n                disabled={uploading || loading}\n                aria-label=\"清空聊天记录\"\n              >\n                <ClearOutlined />\n              </button>\n            </Popconfirm>\n          )}\n          \n          <div className={styles.inputAndButtons}>\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={uploading || loading}\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            <div className={styles.buttonGroup}>\n              {allowUpload && (\n                <Tooltip title=\"上传文件\">\n                  <button\n                    className={`${styles.iconButton} ${styles.uploadButton}`}\n                    onClick={triggerFileSelect}\n                    disabled={uploading || loading}\n                    aria-label=\"上传文件\"\n                  >\n                    <PaperClipOutlined />\n                  </button>\n                </Tooltip>\n              )}\n              \n              <Tooltip title={loading ? \"停止生成\" : \"发送消息\"}>\n                <button\n                  className={`${styles.iconButton} ${styles.sendButton} ${loading ? 'stop' : ''}`}\n                  onClick={loading ? onStop : handleSubmit}\n                  disabled={uploading}\n                  aria-label={loading ? \"停止生成\" : \"发送消息\"}\n                >\n                  {loading ? <LoadingOutlined /> : <ArrowUpOutlined />}\n                </button>\n              </Tooltip>\n            </div>\n          </div>\n        </div>\n        \n        <div className={styles.tip}>\n          内容由AI生成，无法确保真实准确，仅供参考\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default XAdkSender;\n"],
-  "mappings": "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",
-  "names": []
+  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\nimport {\n  Popconfirm, \n  message, \n  Progress,\n  Tooltip,\n  Input,\n  Modal,\n} from 'antd';\nimport { \n  ClearOutlined, \n  LoadingOutlined, \n  ArrowUpOutlined,\n  PaperClipOutlined,\n  CloseOutlined,\n} from '@ant-design/icons';\nimport { XAdkSenderProps, ServerFile, LocalFile, ActionsComponents } from '../../types/XAdkSender';\nimport { useStyles } from './styles';\nimport FileGallery from './FileGallery';\n\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  maxFileSize = 10,\n  allowedFileTypes = ['image/*', 'application/pdf', 'text/plain'],\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  const uploadRef = useRef<any>(null);\n  \n  // 生成唯一ID\n  const generateId = () => {\n    return Date.now().toString(36) + Math.random().toString(36).substr(2);\n  };\n  \n  \n  // 检查文件类型\n  const checkFileType = (file: File): boolean => {\n    if (!allowedFileTypes.length) return true;\n    \n    return allowedFileTypes.some(type => {\n      if (type.includes('/*')) {\n        const mainType = type.split('/')[0];\n        return file.type.startsWith(mainType);\n      }\n      return file.type === type;\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 validateFile = (file: File): { valid: boolean; message?: string } => {\n    if (files.length >= maxFiles) {\n      return { valid: false, message: `最多只能上传 ${maxFiles} 个文件` };\n    }\n    \n    if (!checkFileSize(file)) {\n      return { valid: false, message: `文件大小不能超过 ${maxFileSize}MB` };\n    }\n    \n    if (!checkFileType(file)) {\n      return { valid: false, message: '不支持的文件类型' };\n    }\n    \n    return { valid: true };\n  };\n\n  // 获取文件扩展名\n  const getFileExtension = (filename: string): string => {\n    const ext = filename.split('.').pop();\n    return ext ? ext.toLowerCase() : '';\n  };\n\n  // 处理文件选择\n  const handleFileSelect = useCallback((selectedFiles: File[]) => {\n    const fileArray = Array.from(selectedFiles);\n    const validFiles: LocalFile[] = [];\n    \n    fileArray.forEach(file => {\n      const validation = validateFile(file);\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 => [...prev, ...validFiles]);\n      uploadFiles(validFiles);\n    }\n  }, [files.length, maxFiles, maxFileSize, allowedFileTypes]);\n\n  // 上传文件\n  const uploadFiles = async (fileList: LocalFile[]) => {\n    for (const localFile of fileList) {\n      // 开始上传\n      setFiles(prev => prev.map(f => \n        f.id === localFile.id ? { ...f, status: 'uploading' } : f\n      ));\n      \n      try {\n        await uploadRequest({\n          file: localFile.file,\n          onProgress: (e) => {\n            setFiles(prev => prev.map(f => \n              f.id === localFile.id ? { ...f, progress: e.percent } : f\n            ));\n          },\n          onSuccess: (response) => {\n            setFiles(prev => prev.map(f => \n              f.id === localFile.id ? { \n                ...f, \n                status: 'success', \n                progress: 100,\n                response \n              } : f\n            ));\n          },\n          onError: (error) => {\n            setFiles(prev => prev.map(f => \n              f.id === localFile.id ? { \n                ...f, \n                status: 'error',\n                errorMessage: error.message || '上传失败'\n              } : f\n            ));\n            message.error(`${localFile.name} 上传失败: ${error.message || '未知错误'}`);\n          }\n        });\n      } catch (error) {\n        console.error('上传处理错误:', error);\n        setFiles(prev => prev.map(f => \n          f.id === localFile.id ? { \n            ...f, \n            status: 'error',\n            errorMessage: error instanceof Error ? error.message : '上传处理失败'\n          } : f\n        ));\n        message.error(`${localFile.name} 上传失败`);\n      }\n    }\n  };\n\n  // 模拟上传过程\n  const simulateUpload = async (uploadFilesList: LocalFile[]) => {\n    uploadFilesList.forEach(localFile => {\n      let progress = 0;\n      const interval = setInterval(() => {\n        progress += 10;\n        setFiles(prev => prev.map(f => \n          f.id === localFile.id ? { ...f, progress } : f\n        ));\n        \n        if (progress >= 100) {\n          clearInterval(interval);\n          setTimeout(() => {\n            // 模拟服务器响应\n            const mockResponse = {\n              code: 200,\n              data: {\n                fileId: Math.floor(Math.random() * 1000) + 1,\n                tempUrl: `https://example.com/uploads/${localFile.name}`,\n                fileName: localFile.name,\n                fileType: getFileExtension(localFile.name)\n              }\n            };\n            \n            setFiles(prev => prev.map(f => \n              f.id === localFile.id ? { \n                ...f, \n                status: 'success', \n                progress: 100,\n                response: mockResponse\n              } : f\n            ));\n          }, 300);\n        }\n      }, 100);\n    });\n  };\n  \n  // 删除文件\n  const handleRemoveFile = (id: string) => {\n    setFiles(prev => prev.filter(file => file.id !== id));\n  };\n  \n  // 触发文件选择\n  const triggerFileSelect = () => {\n    if (fileInputRef.current) {\n      fileInputRef.current.click();\n    }\n  };\n  \n  // 处理拖拽事件\n  const handleDragOver = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (allowUpload) {\n      setIsDragOver(true);\n    }\n  }, [allowUpload]);\n  \n  const handleDragLeave = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (allowUpload) {\n      setIsDragOver(false);\n    }\n  }, [allowUpload]);\n  \n  const handleDrop = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragOver(false);\n    \n    if (allowUpload && e.dataTransfer.files && e.dataTransfer.files.length > 0) {\n      handleFileSelect(Array.from(e.dataTransfer.files));\n    }\n  }, [allowUpload, handleFileSelect]);\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 || getFileExtension(file.name),\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      <FileGallery\n        files={files}\n        onRemove={handleRemoveFile}\n      />\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: React.ReactNode | false | ((oriNode: React.ReactNode, info: { components: ActionsComponents }) => React.ReactNode | false) | 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": ["FileGallery"]
 }

package/dist/cjs/components/XAdkSender/styles.d.ts

@@ -1,14 +1,5 @@
 export declare const useStyles: () => {
     container: string;
-    fileListArea: string;
-    fileList: string;
-    fileCard: string;
-    fileSize: string;
-    uploadProgress: string;
-    fileIcon: string;
-    fileInfo: string;
-    fileName: string;
-    fileRemoveBtn: string;
     mainArea: string;
     senderWrap: string;
     inputAndButtons: string;

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

@@ -34,143 +34,12 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     overflow: visible;
     border: 2px solid transparent;
     transition: all 0.3s ease;
-    
+
     &.drag-over {
       border: 2px dashed #000;
       background: rgba(0, 0, 0, 0.02);
     }
   `,
-  // 文件列表区域
-  fileListArea: import_css.css`
-    padding: 12px 16px 0 16px;
-    max-height: 150px;
-    overflow-y: auto;
-    
-    &::-webkit-scrollbar {
-      width: 4px;
-    }
-    
-    &::-webkit-scrollbar-track {
-      background: #f5f5f5;
-      border-radius: 2px;
-    }
-    
-    &::-webkit-scrollbar-thumb {
-      background: #d9d9d9;
-      border-radius: 2px;
-    }
-    
-    &::-webkit-scrollbar-thumb:hover {
-      background: #bfbfbf;
-    }
-  `,
-  // 文件列表
-  fileList: import_css.css`
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-    margin-bottom: 12px;
-  `,
-  // 文件卡片
-  fileCard: import_css.css`
-    position: relative;
-    display: flex;
-    align-items: center;
-    padding: 8px 12px;
-    height: 64px;
-    box-sizing: border-box;
-    background: #fafafa;
-    border: 1px solid #f0f0f0;
-    border-radius: 8px;
-    min-width: 0;
-    flex: 0 0 auto;
-    max-width: 200px;
-    
-    &:hover {
-      background: #f5f5f5;
-    }
-  `,
-  fileSize: import_css.css`
-    font-size: 11px;
-    color: #8c8c8c;
-    line-height: 1.4;
-    height: 16px;
-    display: flex;
-    align-items: center;
-  `,
-  // 进度条容器
-  uploadProgress: import_css.css`
-    height: 16px;
-    display: flex;
-    align-items: center;
-    
-    .ant-progress {
-      width: 100%;
-      margin: 0;
-    }
-    
-    .ant-progress-inner {
-      height: 4px !important;
-    }
-    
-    .ant-progress-bg {
-      height: 4px !important;
-    }
-  `,
-  // 文件图标
-  fileIcon: import_css.css`
-    font-size: 18px;
-    color: #1890ff;
-    margin-right: 10px;
-    flex-shrink: 0;
-  `,
-  // 文件信息
-  fileInfo: import_css.css`
-    flex: 1;
-    min-width: 0;
-    overflow: hidden;
-  `,
-  // 文件名
-  fileName: import_css.css`
-    font-size: 12px;
-    font-weight: 500;
-    color: #262626;
-    margin-bottom: 2px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    line-height: 1.4;
-  `,
-  // 文件删除按钮 - 黑底白字
-  fileRemoveBtn: import_css.css`
-    position: absolute;
-    top: -4px;
-    right: -4px;
-    width: 16px;
-    height: 16px;
-    min-width: 16px;
-    border-radius: 50%;
-    background: rgba(0, 0, 0, 0.75);
-    color: #fff;
-    border: none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    z-index: 1;
-    padding: 0;
-    font-size: 8px;
-    transition: all 0.2s ease;
-    
-    &:hover {
-      background: rgba(0, 0, 0, 0.9);
-      transform: scale(1.1);
-    }
-    
-    &:active {
-      transform: scale(0.95);
-    }
-  `,
   // 主内容区域
   mainArea: import_css.css`
     //
@@ -181,7 +50,7 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     align-items: center;
     gap: 12px;
     background: var(--yb-input-bg-color);
-    border: .5px solid var(--widget-line, rgba(0, 0, 0, .08));
+    border: 0.5px solid var(--widget-line, rgba(0, 0, 0, 0.08));
     border-radius: 20px;
     box-sizing: border-box;
     caret-color: var(--yb-input-caret-color);
@@ -191,10 +60,12 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     line-height: 22px;
     padding: 7px 12px 7px 7px;
     position: relative;
-    transition-duration: .2s;
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, box-shadow;
+    transition-duration: 0.2s;
+    transition-property:
+      color, background-color, border-color, text-decoration-color, fill,
+      stroke, box-shadow;
     transition-timing-function: linear;
-    box-shadow: 0 6px 30px 0 rgba(0,0,0,.08);
+    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
   `,
   // 输入框和按钮容器
   inputAndButtons: import_css.css`
@@ -211,17 +82,17 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     background: #fff;
     padding: 0 16px;
     min-height: 44px;
-    
+
     /* 移除所有蓝色效果 */
     &:focus-within {
       border-color: #d9d9d9;
       box-shadow: none;
     }
-    
+
     .ant-input:disabled {
       background: transparent !important;
     }
-    
+
     &::placeholder {
       color: #bfbfbf;
     }
@@ -254,11 +125,11 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     align-items: center;
     justify-content: center;
     transition: all 0.2s ease;
-    
+
     &:hover {
       transform: translateY(-1px);
     }
-    
+
     &:active {
       transform: translateY(0);
     }
@@ -268,13 +139,13 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     border: 1px solid #f0f0f0;
     background: #fff;
     color: #8c8c8c;
-    
+
     &:hover {
       border-color: #d9d9d9;
       color: #262626;
       background: #fafafa;
     }
-    
+
     &:disabled {
       opacity: 0.5;
       cursor: not-allowed;
@@ -284,11 +155,11 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
   uploadButton: import_css.css`
     border: 1px solid #f0f0f0;
     background: #fff;
-    
+
     &:hover {
       //
     }
-    
+
     &:disabled {
       opacity: 0.5;
       cursor: not-allowed;
@@ -301,25 +172,25 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     background: #000;
     border: none;
     color: #fff;
-    
+
     &:hover:not(:disabled) {
       background: #333; /* 悬停状态 */
     }
-    
+
     &:disabled {
       opacity: 0.5;
       cursor: not-allowed;
       background: #cccccc;
       color: #fff;
     }
-    
+
     &.stop {
       //
-      
+
       &:hover:not(:disabled) {
         //
       }
-      
+
       &:disabled {
         background: #cccccc; /* 禁用状态也保持淡灰色 */
       }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAdkSender/styles.tsx"],
-  "sourcesContent": ["import { css } from '@emotion/css';\nimport { withBasicStyles } from '@/styles/common';\n\nexport const useStyles = withBasicStyles(() => ({\n  // 容器样式 - 最外层边框\n  container: css`\n    background: #fff;\n    position: relative;\n    overflow: hidden;\n    padding: 10px 15px;\n    overflow: visible;\n    border: 2px solid transparent;\n    transition: all 0.3s ease;\n    \n    &.drag-over {\n      border: 2px dashed #000;\n      background: rgba(0, 0, 0, 0.02);\n    }\n  `,\n  \n  // 文件列表区域\n  fileListArea: css`\n    padding: 12px 16px 0 16px;\n    max-height: 150px;\n    overflow-y: auto;\n    \n    &::-webkit-scrollbar {\n      width: 4px;\n    }\n    \n    &::-webkit-scrollbar-track {\n      background: #f5f5f5;\n      border-radius: 2px;\n    }\n    \n    &::-webkit-scrollbar-thumb {\n      background: #d9d9d9;\n      border-radius: 2px;\n    }\n    \n    &::-webkit-scrollbar-thumb:hover {\n      background: #bfbfbf;\n    }\n  `,\n  \n  // 文件列表\n  fileList: css`\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 12px;\n  `,\n  \n  // 文件卡片\n  fileCard: css`\n    position: relative;\n    display: flex;\n    align-items: center;\n    padding: 8px 12px;\n    height: 64px;\n    box-sizing: border-box;\n    background: #fafafa;\n    border: 1px solid #f0f0f0;\n    border-radius: 8px;\n    min-width: 0;\n    flex: 0 0 auto;\n    max-width: 200px;\n    \n    &:hover {\n      background: #f5f5f5;\n    }\n  `,\n\n  fileSize: css`\n    font-size: 11px;\n    color: #8c8c8c;\n    line-height: 1.4;\n    height: 16px;\n    display: flex;\n    align-items: center;\n  `,\n\n  // 进度条容器\n  uploadProgress: css`\n    height: 16px;\n    display: flex;\n    align-items: center;\n    \n    .ant-progress {\n      width: 100%;\n      margin: 0;\n    }\n    \n    .ant-progress-inner {\n      height: 4px !important;\n    }\n    \n    .ant-progress-bg {\n      height: 4px !important;\n    }\n  `,\n  \n  // 文件图标\n  fileIcon: css`\n    font-size: 18px;\n    color: #1890ff;\n    margin-right: 10px;\n    flex-shrink: 0;\n  `,\n  \n  // 文件信息\n  fileInfo: css`\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n  `,\n  \n  // 文件名\n  fileName: css`\n    font-size: 12px;\n    font-weight: 500;\n    color: #262626;\n    margin-bottom: 2px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    line-height: 1.4;\n  `,\n  \n  // 文件删除按钮 - 黑底白字\n  fileRemoveBtn: css`\n    position: absolute;\n    top: -4px;\n    right: -4px;\n    width: 16px;\n    height: 16px;\n    min-width: 16px;\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: 8px;\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    &:active {\n      transform: scale(0.95);\n    }\n  `,\n  \n  // 主内容区域\n  mainArea: css`\n    //\n  `,\n  \n  // 发送区域\n  senderWrap: css`\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    background: var(--yb-input-bg-color);\n    border: .5px solid var(--widget-line, rgba(0, 0, 0, .08));\n    border-radius: 20px;\n    box-sizing: border-box;\n    caret-color: var(--yb-input-caret-color);\n    flex: auto;\n    font-size: 14px;\n    gap: 6px;\n    line-height: 22px;\n    padding: 7px 12px 7px 7px;\n    position: relative;\n    transition-duration: .2s;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, box-shadow;\n    transition-timing-function: linear;\n    box-shadow: 0 6px 30px 0 rgba(0,0,0,.08);\n  `,\n  \n  // 输入框和按钮容器\n  inputAndButtons: css`\n    flex: 1;\n    display: flex;\n    align-items: flex-end;\n    gap: 8px;\n  `,\n  \n  // 文本输入框容器\n  textAreaWrapper: css`\n    flex: 1;\n    display: flex;\n    align-items: center;\n    background: #fff;\n    padding: 0 16px;\n    min-height: 44px;\n    \n    /* 移除所有蓝色效果 */\n    &:focus-within {\n      border-color: #d9d9d9;\n      box-shadow: none;\n    }\n    \n    .ant-input:disabled {\n      background: transparent !important;\n    }\n    \n    &::placeholder {\n      color: #bfbfbf;\n    }\n  `,\n\n  // 文本输入框\n  textArea: css`\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    line-height: 1.5;\n    padding: 12px 0;\n    outline: none;\n    color: #262626;\n  `,\n  \n  // 按钮组\n  buttonGroup: css`\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    height: 44px;\n  `,\n  \n  // 按钮统一样式\n  iconButton: css`\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n    \n    &:hover {\n      transform: translateY(-1px);\n    }\n    \n    &:active {\n      transform: translateY(0);\n    }\n  `,\n  \n  // 清空按钮\n  clearButton: css`\n    border: 1px solid #f0f0f0;\n    background: #fff;\n    color: #8c8c8c;\n    \n    &:hover {\n      border-color: #d9d9d9;\n      color: #262626;\n      background: #fafafa;\n    }\n    \n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  `,\n  \n  // 上传按钮\n  uploadButton: css`\n    border: 1px solid #f0f0f0;\n    background: #fff;\n    \n    &:hover {\n      //\n    }\n    \n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      border-color: #f0f0f0;\n      background: #fafafa;\n    }\n  `,\n  \n  // 发送按钮\n  sendButton: css`\n    background: #000;\n    border: none;\n    color: #fff;\n    \n    &:hover:not(:disabled) {\n      background: #333; /* 悬停状态 */\n    }\n    \n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      background: #cccccc;\n      color: #fff;\n    }\n    \n    &.stop {\n      //\n      \n      &:hover:not(:disabled) {\n        //\n      }\n      \n      &:disabled {\n        background: #cccccc; /* 禁用状态也保持淡灰色 */\n      }\n    }\n  `,\n  \n  // 底部提示\n  tip: css`\n    margin: 12px 0;\n    text-align: center;\n    font-size: 12px;\n    color: #8c8c8c;\n  `\n}));"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA;AAAA,EAE9C,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBX,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBd,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUV,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBhB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYV,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+Bf,UAAU;AAAA;AAAA;AAAA;AAAA,EAKV,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBZ,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQjB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBjB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYV,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQb,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBZ,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBb,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBd,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8BZ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAMP,EAAE;",
+  "sourcesContent": ["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  // 容器样式 - 最外层边框\n  container: css`\n    background: #fff;\n    position: relative;\n    overflow: hidden;\n    padding: 10px 15px;\n    overflow: visible;\n    border: 2px solid transparent;\n    transition: all 0.3s ease;\n\n    &.drag-over {\n      border: 2px dashed #000;\n      background: rgba(0, 0, 0, 0.02);\n    }\n  `,\n\n\n  // 主内容区域\n  mainArea: css`\n    //\n  `,\n\n  // 发送区域\n  senderWrap: css`\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    background: var(--yb-input-bg-color);\n    border: 0.5px solid var(--widget-line, rgba(0, 0, 0, 0.08));\n    border-radius: 20px;\n    box-sizing: border-box;\n    caret-color: var(--yb-input-caret-color);\n    flex: auto;\n    font-size: 14px;\n    gap: 6px;\n    line-height: 22px;\n    padding: 7px 12px 7px 7px;\n    position: relative;\n    transition-duration: 0.2s;\n    transition-property:\n      color, background-color, border-color, text-decoration-color, fill,\n      stroke, box-shadow;\n    transition-timing-function: linear;\n    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);\n  `,\n\n  // 输入框和按钮容器\n  inputAndButtons: css`\n    flex: 1;\n    display: flex;\n    align-items: flex-end;\n    gap: 8px;\n  `,\n\n  // 文本输入框容器\n  textAreaWrapper: css`\n    flex: 1;\n    display: flex;\n    align-items: center;\n    background: #fff;\n    padding: 0 16px;\n    min-height: 44px;\n\n    /* 移除所有蓝色效果 */\n    &:focus-within {\n      border-color: #d9d9d9;\n      box-shadow: none;\n    }\n\n    .ant-input:disabled {\n      background: transparent !important;\n    }\n\n    &::placeholder {\n      color: #bfbfbf;\n    }\n  `,\n\n  // 文本输入框\n  textArea: css`\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    line-height: 1.5;\n    padding: 12px 0;\n    outline: none;\n    color: #262626;\n  `,\n\n  // 按钮组\n  buttonGroup: css`\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    height: 44px;\n  `,\n\n  // 按钮统一样式\n  iconButton: css`\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n\n    &:hover {\n      transform: translateY(-1px);\n    }\n\n    &:active {\n      transform: translateY(0);\n    }\n  `,\n\n  // 清空按钮\n  clearButton: css`\n    border: 1px solid #f0f0f0;\n    background: #fff;\n    color: #8c8c8c;\n\n    &:hover {\n      border-color: #d9d9d9;\n      color: #262626;\n      background: #fafafa;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  `,\n\n  // 上传按钮\n  uploadButton: css`\n    border: 1px solid #f0f0f0;\n    background: #fff;\n\n    &:hover {\n      //\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      border-color: #f0f0f0;\n      background: #fafafa;\n    }\n  `,\n\n  // 发送按钮\n  sendButton: css`\n    background: #000;\n    border: none;\n    color: #fff;\n\n    &:hover:not(:disabled) {\n      background: #333; /* 悬停状态 */\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      background: #cccccc;\n      color: #fff;\n    }\n\n    &.stop {\n      //\n\n      &:hover:not(:disabled) {\n        //\n      }\n\n      &:disabled {\n        background: #cccccc; /* 禁用状态也保持淡灰色 */\n      }\n    }\n  `,\n\n  // 底部提示\n  tip: css`\n    margin: 12px 0;\n    text-align: center;\n    font-size: 12px;\n    color: #8c8c8c;\n  `,\n}));\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA;AAAA,EAE9C,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBX,UAAU;AAAA;AAAA;AAAA;AAAA,EAKV,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBZ,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQjB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBjB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYV,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQb,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBZ,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBb,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBd,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8BZ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAMP,EAAE;",
   "names": []
 }

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

@@ -79,7 +79,7 @@ var XAiConversations = (props) => {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.conversationsWrapper, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.GlobalStyle, {}),
-    (!listVisible || isNarrow) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.capWrapper, children: [
+    !listVisible && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.capWrapper, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { alt: "logo", src: import_logo.default, className: (0, import_clsx.default)(styles.w(32), styles.h(29)) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.capShape, children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.capIcon, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: import_flash_open.default, alt: "", onClick: handleShowList }) }),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiConversations/index.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport { Conversations } from '@ant-design/x';\nimport { RedoOutlined } from '@ant-design/icons';\nimport { Spin, Divider } from 'antd';\nimport InfiniteScroll from 'react-infinite-scroll-component';\nimport clsx from 'clsx';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { type XAiConversationsProps } from '@/types/XAiConversations';\nimport logo from '@/assets/logo.png';\nimport AddChatIcon from '@/assets/svg/AddChatIcon';\nimport flashOpen from '@/assets/flash-open.svg?url';\nimport { SESSION_PAGE_SIZE } from '@/constants';\nimport { useStyles, GlobalStyle } from './styles';\n\nconst XAiConversations: React.FC<XAiConversationsProps> = (props) => {\n  const styles = useStyles();\n  const { mergedProps } = useChatbotContext(props);\n  const {\n    isNarrow = false,\n    sessionList,\n    style,\n    onActiveChange,\n    onNewChat,\n    loadMoreSessions,\n    activeKey,\n    menu,\n  } = mergedProps;\n\n  const [listVisible, setListVisible] = useState(false);\n  const [animateDirection, setAnimateDirection] = useState<'in' | 'out' | null>(null);\n\n  const handleSwitchTab = (key: string) => {\n    onActiveChange?.(key);\n  };\n\n  const handleNewChat = () => {\n    onNewChat?.();\n  };\n\n  const handleShowList = () => {\n    setListVisible(true);\n    setAnimateDirection('in');\n  };\n\n  const handleCloseList = () => {\n    setAnimateDirection('out');\n    setTimeout(() => {\n      setListVisible(false);\n      setAnimateDirection(null);\n    }, 300);\n  };\n\n  return (\n    <div className={styles.conversationsWrapper}>\n      <GlobalStyle />\n      {/** 顶部操作栏 */}\n      {\n        (!listVisible || isNarrow) && (\n          <div className={styles.capWrapper}>\n            <img alt=\"logo\" src={logo} className={clsx(styles.w(32), styles.h(29))} />\n            <div className={styles.capShape}>\n              <div className={styles.capIcon}>\n                <img src={flashOpen} alt=\"\" onClick={handleShowList} />\n              </div>\n              <div className={styles.capIcon}>\n                <AddChatIcon className={clsx(styles.w(17), styles.text('#343434'))} onClick={handleNewChat} />\n              </div>\n            </div>\n          </div>\n        )\n      }\n\n      {/* 会话列表 */}\n      <div\n        style={{ display: listVisible ? 'block' : 'none' }}\n        className={clsx(\n          isNarrow ? styles.nWrapper : styles.fWrapper,\n          animateDirection === 'in' && styles.slideIn,\n          animateDirection === 'out' && styles.slideOut,\n        )}\n      >\n        {/* 固定头部 */}\n        <div className={styles.fheaderWrapper}>\n          <img alt=\"logo\" src={logo} className={clsx(styles.w(32), styles.h(29))} />\n          <div className={styles.capIcon}>\n            <img src={flashOpen} alt=\"\" onClick={handleCloseList} />\n          </div>\n        </div>\n        <div className={styles.addChatBtn} onClick={handleNewChat}>\n          <AddChatIcon className={clsx(styles.w(17), styles.mr(10))} />\n          开启新对话\n        </div>\n        <div className={styles.tipTitle}>历史对话</div>\n\n        {/* 滚动区域 */}\n        <div className={styles.scrollList}>\n          <InfiniteScroll\n            dataLength={sessionList.length}\n            next={loadMoreSessions}\n            hasMore={false}\n            loader={(\n              <div style={{ textAlign: 'center' }}>\n                <Spin indicator={<RedoOutlined spin />} size=\"small\" />\n              </div>\n            )}\n            endMessage={sessionList.length === SESSION_PAGE_SIZE && <Divider plain><span className={styles.textColor('#949494')}>只展示前 50 条数据</span></Divider>}\n            style={{ overflow: 'hidden', paddingBottom: '5px' }}\n          >\n            <Conversations\n              activeKey={activeKey}\n              onActiveChange={(v) => handleSwitchTab(v)}\n              items={sessionList}\n              menu={menu}\n              style={{\n                width: 256,\n                borderRadius: '6px',\n                ...style,\n              }}\n            />\n          </InfiniteScroll>\n        </div>\n      </div>\n\n      {/* 遮罩层 - 仅在窄屏且列表可见时显示 */}\n      {isNarrow && listVisible && (\n        <div className={styles.mask} onClick={handleCloseList} />\n      )}\n    </div>\n  );\n};\n\nexport default XAiConversations;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { Conversations } from '@ant-design/x';\nimport { RedoOutlined } from '@ant-design/icons';\nimport { Spin, Divider } from 'antd';\nimport InfiniteScroll from 'react-infinite-scroll-component';\nimport clsx from 'clsx';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { type XAiConversationsProps } from '@/types/XAiConversations';\nimport logo from '@/assets/logo.png';\nimport AddChatIcon from '@/assets/svg/AddChatIcon';\nimport flashOpen from '@/assets/flash-open.svg?url';\nimport { SESSION_PAGE_SIZE } from '@/constants';\nimport { useStyles, GlobalStyle } from './styles';\n\nconst XAiConversations: React.FC<XAiConversationsProps> = (props) => {\n  const styles = useStyles();\n  const { mergedProps } = useChatbotContext(props);\n  const {\n    isNarrow = false,\n    sessionList,\n    style,\n    onActiveChange,\n    onNewChat,\n    loadMoreSessions,\n    activeKey,\n    menu,\n  } = mergedProps;\n\n  const [listVisible, setListVisible] = useState(false);\n  const [animateDirection, setAnimateDirection] = useState<'in' | 'out' | null>(null);\n\n  const handleSwitchTab = (key: string) => {\n    onActiveChange?.(key);\n  };\n\n  const handleNewChat = () => {\n    onNewChat?.();\n  };\n\n  const handleShowList = () => {\n    setListVisible(true);\n    setAnimateDirection('in');\n  };\n\n  const handleCloseList = () => {\n    setAnimateDirection('out');\n    setTimeout(() => {\n      setListVisible(false);\n      setAnimateDirection(null);\n    }, 300);\n  };\n\n  return (\n    <div className={styles.conversationsWrapper}>\n      <GlobalStyle />\n      {/** 顶部操作栏 */}\n      {\n        !listVisible && (\n          <div className={styles.capWrapper}>\n            <img alt=\"logo\" src={logo} className={clsx(styles.w(32), styles.h(29))} />\n            <div className={styles.capShape}>\n              <div className={styles.capIcon}>\n                <img src={flashOpen} alt=\"\" onClick={handleShowList} />\n              </div>\n              <div className={styles.capIcon}>\n                <AddChatIcon className={clsx(styles.w(17), styles.text('#343434'))} onClick={handleNewChat} />\n              </div>\n            </div>\n          </div>\n        )\n      }\n\n      {/* 会话列表 */}\n      <div\n        style={{ display: listVisible ? 'block' : 'none' }}\n        className={clsx(\n          isNarrow ? styles.nWrapper : styles.fWrapper,\n          animateDirection === 'in' && styles.slideIn,\n          animateDirection === 'out' && styles.slideOut,\n        )}\n      >\n        {/* 固定头部 */}\n        <div className={styles.fheaderWrapper}>\n          <img alt=\"logo\" src={logo} className={clsx(styles.w(32), styles.h(29))} />\n          <div className={styles.capIcon}>\n            <img src={flashOpen} alt=\"\" onClick={handleCloseList} />\n          </div>\n        </div>\n        <div className={styles.addChatBtn} onClick={handleNewChat}>\n          <AddChatIcon className={clsx(styles.w(17), styles.mr(10))} />\n          开启新对话\n        </div>\n        <div className={styles.tipTitle}>历史对话</div>\n\n        {/* 滚动区域 */}\n        <div className={styles.scrollList}>\n          <InfiniteScroll\n            dataLength={sessionList.length}\n            next={loadMoreSessions}\n            hasMore={false}\n            loader={(\n              <div style={{ textAlign: 'center' }}>\n                <Spin indicator={<RedoOutlined spin />} size=\"small\" />\n              </div>\n            )}\n            endMessage={sessionList.length === SESSION_PAGE_SIZE && <Divider plain><span className={styles.textColor('#949494')}>只展示前 50 条数据</span></Divider>}\n            style={{ overflow: 'hidden', paddingBottom: '5px' }}\n          >\n            <Conversations\n              activeKey={activeKey}\n              onActiveChange={(v) => handleSwitchTab(v)}\n              items={sessionList}\n              menu={menu}\n              style={{\n                width: 256,\n                borderRadius: '6px',\n                ...style,\n              }}\n            />\n          </InfiniteScroll>\n        </div>\n      </div>\n\n      {/* 遮罩层 - 仅在窄屏且列表可见时显示 */}\n      {isNarrow && listVisible && (\n        <div className={styles.mask} onClick={handleCloseList} />\n      )}\n    </div>\n  );\n};\n\nexport default XAiConversations;\n"],
+  "mappings": "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",
   "names": ["logo", "clsx", "flashOpen", "AddChatIcon", "InfiniteScroll"]
 }

package/dist/cjs/components/XAiConversations/styles.js

@@ -40,6 +40,9 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
   // 静态样式
   conversationsWrapper: import_css.css`
     overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
   `,
   capWrapper: import_css.css`
     padding: 12px 16px;
@@ -116,6 +119,8 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     height: 100%;
     box-sizing: border-box;
     position: relative;
+    flex-shrink: 0;
+    border-right: 1px solid #f0f0f0;
   `,
   nWrapper: import_css.css`
     position: absolute;

package/dist/cjs/components/XAiConversations/styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiConversations/styles.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { css, keyframes } from '@emotion/css';\nimport { css as globalCss, Global } from '@emotion/react';\nimport { withBasicStyles } from '@/styles/common';\n\nconst primaryBlue = '#0078FF'; // 主蓝色\nconst lightBlue = '#E6F0FF';   // 浅蓝色气泡背景\nconst darkGray = '#333';        // 深灰色文本\nconst lightGray = '#888';       // 浅灰文本\nconst borderGray = '#ddd';      // 边框灰色\n\nconst slideInRight = keyframes`\n  from { transform: translateX(-100%); opacity: 0; }\n  to { transform: translateX(0); opacity: 1; }\n`;\n\nconst slideOutRight = keyframes`\n  from { transform: translateX(0); opacity: 1; }\n  to { transform: translateX(-100%); opacity: 0; }\n`;\n\nexport const useStyles = withBasicStyles(() => ({\n  // 静态样式\n  conversationsWrapper: css`\n    overflow: hidden;\n  `,\n\n  capWrapper: css`\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n  `,\n\n  capShape: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 80px;\n    height: 40px;\n    margin-left: 16px;\n    background: #FFFFFF;\n    box-shadow: 0px 4px 16px 0px rgba(127,135,166,0.08);\n    border-radius: 24px;\n    border: 1px solid #E7E7E7;\n    box-sizing: border-box;\n    transition: box-shadow 0.2s, border-color 0.2s;\n    cursor: pointer;\n    /* &:hover {\n      box-shadow: 0px 4px 24px 0px rgba(127,135,166,0.16);\n      border-color: ${primaryBlue};\n    } */\n  `,\n\n  capIcon: css`\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n\n    img {\n      width: 17px;\n    }\n\n    &:hover {\n      background: #F2F2F2;\n      border-radius: 50%;\n    }\n  `,\n\n  addChatBtn: css`\n    width: 256px;\n    height: 40px;\n    margin: 17px auto 24px;\n    background: #FFFFFF;\n    border-radius: 20px;\n    border: 1px solid #E7E7E7;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    color: #343434;\n\n    &:hover {\n      color: #3961F2;\n    }\n\n    &:active {\n      color: #0A3BEE;\n    }\n  `,\n\n  tipTitle: css`\n    font-size: 12px;\n    color: #949494;\n    padding-left: 24px;\n  `,\n\n  fWrapper: css`\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    width: 280px;\n    height: 100%;\n    box-sizing: border-box;\n    position: relative;\n  `,\n\n  nWrapper: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 280px;\n    height: 100%;\n    z-index: 1000;\n    transition: left 0.3s ease;\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);\n  `,\n\n  mask: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background: rgba(0, 0, 0, 0.15);\n    z-index: 999;\n    cursor: pointer;\n  `,\n\n  fheaderWrapper: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 11px 0 16px;\n  `,\n\n  scrollList: css`\n    max-height: calc(100vh - 120px); /* 120px为头部高度，可根据实际调整 */\n    padding-bottom: 15px;\n    overflow-y: auto;\n\n    /* 隐藏滚动条（Chrome, Edge, Safari） */\n    &::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n      display: none;\n      background: transparent;\n    }\n\n    /* 隐藏滚动条（Firefox） */\n    scrollbar-width: none;\n\n    /* 隐藏滚动条（IE/Edge） */\n    -ms-overflow-style: none;\n  `,\n\n  slideIn: css`\n    animation: ${slideInRight} 0.3s forwards;\n  `,\n  slideOut: css`\n    animation: ${slideOutRight} 0.3s forwards;\n  `,\n\n}));\n\nexport const GlobalStyle: React.FC = () => (\n  <Global\n    styles={globalCss`\n      .ant-conversations .ant-conversations-item-active {\n        background: rgba(57,97,242,0.08);\n      }\n\n      .ant-conversations .ant-conversations-item-active .ant-conversations-label {\n        color: #3961F2;\n      }\n    `}\n  />\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,iBAA+B;AAC/B,mBAAyC;AACzC,oBAAgC;AAuK9B;AArKF,IAAM,cAAc;AAMpB,IAAM,eAAe;AAAA;AAAA;AAAA;AAKrB,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAKf,IAAM,gBAAY,+BAAgB,OAAO;AAAA;AAAA,EAE9C,sBAAsB;AAAA;AAAA;AAAA,EAItB,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAgBU;AAAA;AAAA;AAAA,EAIpB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBT,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuBZ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWN,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhB,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBZ,SAAS;AAAA,iBACM;AAAA;AAAA,EAEf,UAAU;AAAA,iBACK;AAAA;AAGjB,EAAE;AAEK,IAAM,cAAwB,MACnC;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ,aAAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASV;",
+  "sourcesContent": ["import React from 'react';\nimport { css, keyframes } from '@emotion/css';\nimport { css as globalCss, Global } from '@emotion/react';\nimport { withBasicStyles } from '@/styles/common';\n\nconst primaryBlue = '#0078FF'; // 主蓝色\nconst lightBlue = '#E6F0FF';   // 浅蓝色气泡背景\nconst darkGray = '#333';        // 深灰色文本\nconst lightGray = '#888';       // 浅灰文本\nconst borderGray = '#ddd';      // 边框灰色\n\nconst slideInRight = keyframes`\n  from { transform: translateX(-100%); opacity: 0; }\n  to { transform: translateX(0); opacity: 1; }\n`;\n\nconst slideOutRight = keyframes`\n  from { transform: translateX(0); opacity: 1; }\n  to { transform: translateX(-100%); opacity: 0; }\n`;\n\nexport const useStyles = withBasicStyles(() => ({\n  // 静态样式\n  conversationsWrapper: css`\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  `,\n\n  capWrapper: css`\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n  `,\n\n  capShape: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 80px;\n    height: 40px;\n    margin-left: 16px;\n    background: #FFFFFF;\n    box-shadow: 0px 4px 16px 0px rgba(127,135,166,0.08);\n    border-radius: 24px;\n    border: 1px solid #E7E7E7;\n    box-sizing: border-box;\n    transition: box-shadow 0.2s, border-color 0.2s;\n    cursor: pointer;\n    /* &:hover {\n      box-shadow: 0px 4px 24px 0px rgba(127,135,166,0.16);\n      border-color: ${primaryBlue};\n    } */\n  `,\n\n  capIcon: css`\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n\n    img {\n      width: 17px;\n    }\n\n    &:hover {\n      background: #F2F2F2;\n      border-radius: 50%;\n    }\n  `,\n\n  addChatBtn: css`\n    width: 256px;\n    height: 40px;\n    margin: 17px auto 24px;\n    background: #FFFFFF;\n    border-radius: 20px;\n    border: 1px solid #E7E7E7;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    color: #343434;\n\n    &:hover {\n      color: #3961F2;\n    }\n\n    &:active {\n      color: #0A3BEE;\n    }\n  `,\n\n  tipTitle: css`\n    font-size: 12px;\n    color: #949494;\n    padding-left: 24px;\n  `,\n\n  fWrapper: css`\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    width: 280px;\n    height: 100%;\n    box-sizing: border-box;\n    position: relative;\n    flex-shrink: 0;\n    border-right: 1px solid #f0f0f0;\n  `,\n\n  nWrapper: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 280px;\n    height: 100%;\n    z-index: 1000;\n    transition: left 0.3s ease;\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);\n  `,\n\n  mask: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background: rgba(0, 0, 0, 0.15);\n    z-index: 999;\n    cursor: pointer;\n  `,\n\n  fheaderWrapper: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 11px 0 16px;\n  `,\n\n  scrollList: css`\n    max-height: calc(100vh - 120px); /* 120px为头部高度，可根据实际调整 */\n    padding-bottom: 15px;\n    overflow-y: auto;\n\n    /* 隐藏滚动条（Chrome, Edge, Safari） */\n    &::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n      display: none;\n      background: transparent;\n    }\n\n    /* 隐藏滚动条（Firefox） */\n    scrollbar-width: none;\n\n    /* 隐藏滚动条（IE/Edge） */\n    -ms-overflow-style: none;\n  `,\n\n  slideIn: css`\n    animation: ${slideInRight} 0.3s forwards;\n  `,\n  slideOut: css`\n    animation: ${slideOutRight} 0.3s forwards;\n  `,\n\n}));\n\nexport const GlobalStyle: React.FC = () => (\n  <Global\n    styles={globalCss`\n      .ant-conversations .ant-conversations-item-active {\n        background: rgba(57,97,242,0.08);\n      }\n\n      .ant-conversations .ant-conversations-item-active .ant-conversations-label {\n        color: #3961F2;\n      }\n    `}\n  />\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,iBAA+B;AAC/B,mBAAyC;AACzC,oBAAgC;AA4K9B;AA1KF,IAAM,cAAc;AAMpB,IAAM,eAAe;AAAA;AAAA;AAAA;AAKrB,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAKf,IAAM,gBAAY,+BAAgB,OAAO;AAAA;AAAA,EAE9C,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOtB,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAgBU;AAAA;AAAA;AAAA,EAIpB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBT,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuBZ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWN,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhB,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBZ,SAAS;AAAA,iBACM;AAAA;AAAA,EAEf,UAAU;AAAA,iBACK;AAAA;AAGjB,EAAE;AAEK,IAAM,cAAwB,MACnC;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ,aAAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASV;",
   "names": ["globalCss"]
 }

package/dist/cjs/components/XAiThoughtChain/XAiThoughtChain.stories.d.ts

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