@ai-group/chat-sdk 3.7.1-alpha2 → 3.7.1-alpha4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/dist/cjs/components/FileGallery/index.js +59 -40
  2. package/dist/cjs/components/FileGallery/index.js.map +2 -2
  3. package/dist/cjs/components/FileGallery/styles.d.ts +7 -0
  4. package/dist/cjs/components/FileGallery/styles.js +78 -0
  5. package/dist/cjs/components/FileGallery/styles.js.map +2 -2
  6. package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.d.ts +7 -1
  7. package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.js +82 -22
  8. package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.js.map +2 -2
  9. package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/styles.d.ts +3 -0
  10. package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/styles.js +39 -0
  11. package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/styles.js.map +2 -2
  12. package/dist/cjs/components/XAdkChatbot/index.js +35 -5
  13. package/dist/cjs/components/XAdkChatbot/index.js.map +2 -2
  14. package/dist/cjs/components/XAdkChatbot/styles.js +1 -1
  15. package/dist/cjs/components/XAdkChatbot/styles.js.map +1 -1
  16. package/dist/cjs/components/XAdkSender/InlineTagInput.d.ts +11 -5
  17. package/dist/cjs/components/XAdkSender/InlineTagInput.js +188 -113
  18. package/dist/cjs/components/XAdkSender/InlineTagInput.js.map +2 -2
  19. package/dist/cjs/components/XAdkSender/InputTags.d.ts +2 -2
  20. package/dist/cjs/components/XAdkSender/InputTags.js +8 -8
  21. package/dist/cjs/components/XAdkSender/InputTags.js.map +2 -2
  22. package/dist/cjs/components/XAdkSender/index.js +104 -64
  23. package/dist/cjs/components/XAdkSender/index.js.map +2 -2
  24. package/dist/cjs/components/XAdkSender/styles.d.ts +4 -0
  25. package/dist/cjs/components/XAdkSender/styles.js +34 -6
  26. package/dist/cjs/components/XAdkSender/styles.js.map +2 -2
  27. package/dist/cjs/index.d.ts +2 -1
  28. package/dist/cjs/index.js +7 -0
  29. package/dist/cjs/index.js.map +2 -2
  30. package/dist/cjs/types/FileGallery.d.ts +3 -0
  31. package/dist/cjs/types/FileGallery.js.map +1 -1
  32. package/dist/cjs/types/XAdkChatbot.d.ts +15 -0
  33. package/dist/cjs/types/XAdkChatbot.js.map +1 -1
  34. package/dist/cjs/types/XAdkSender.d.ts +74 -23
  35. package/dist/cjs/types/XAdkSender.js.map +1 -1
  36. package/dist/cjs/utils/index.d.ts +1 -0
  37. package/dist/cjs/utils/index.js +3 -1
  38. package/dist/cjs/utils/index.js.map +2 -2
  39. package/dist/cjs/utils/markdownResource.d.ts +7 -0
  40. package/dist/cjs/utils/markdownResource.js +73 -0
  41. package/dist/cjs/utils/markdownResource.js.map +7 -0
  42. package/dist/esm/components/FileGallery/index.js +22 -16
  43. package/dist/esm/components/FileGallery/index.js.map +1 -1
  44. package/dist/esm/components/FileGallery/styles.d.ts +7 -0
  45. package/dist/esm/components/FileGallery/styles.js +24 -17
  46. package/dist/esm/components/FileGallery/styles.js.map +1 -1
  47. package/dist/esm/components/XAdkChatbot/components/MarkdownRender/index.d.ts +7 -1
  48. package/dist/esm/components/XAdkChatbot/components/MarkdownRender/index.js +57 -7
  49. package/dist/esm/components/XAdkChatbot/components/MarkdownRender/index.js.map +1 -1
  50. package/dist/esm/components/XAdkChatbot/components/MarkdownRender/styles.d.ts +3 -0
  51. package/dist/esm/components/XAdkChatbot/components/MarkdownRender/styles.js +5 -2
  52. package/dist/esm/components/XAdkChatbot/components/MarkdownRender/styles.js.map +1 -1
  53. package/dist/esm/components/XAdkChatbot/index.js +20 -6
  54. package/dist/esm/components/XAdkChatbot/index.js.map +1 -1
  55. package/dist/esm/components/XAdkChatbot/styles.js +1 -1
  56. package/dist/esm/components/XAdkChatbot/styles.js.map +1 -1
  57. package/dist/esm/components/XAdkSender/InlineTagInput.d.ts +11 -5
  58. package/dist/esm/components/XAdkSender/InlineTagInput.js +185 -117
  59. package/dist/esm/components/XAdkSender/InlineTagInput.js.map +1 -1
  60. package/dist/esm/components/XAdkSender/InputTags.d.ts +2 -2
  61. package/dist/esm/components/XAdkSender/InputTags.js +9 -9
  62. package/dist/esm/components/XAdkSender/InputTags.js.map +1 -1
  63. package/dist/esm/components/XAdkSender/index.js +124 -77
  64. package/dist/esm/components/XAdkSender/index.js.map +1 -1
  65. package/dist/esm/components/XAdkSender/styles.d.ts +4 -0
  66. package/dist/esm/components/XAdkSender/styles.js +29 -25
  67. package/dist/esm/components/XAdkSender/styles.js.map +1 -1
  68. package/dist/esm/index.d.ts +2 -1
  69. package/dist/esm/index.js +2 -1
  70. package/dist/esm/index.js.map +1 -1
  71. package/dist/esm/types/FileGallery.d.ts +3 -0
  72. package/dist/esm/types/FileGallery.js.map +1 -1
  73. package/dist/esm/types/XAdkChatbot.d.ts +15 -0
  74. package/dist/esm/types/XAdkChatbot.js.map +1 -1
  75. package/dist/esm/types/XAdkSender.d.ts +74 -23
  76. package/dist/esm/types/XAdkSender.js.map +1 -1
  77. package/dist/esm/utils/index.d.ts +1 -0
  78. package/dist/esm/utils/index.js +1 -0
  79. package/dist/esm/utils/index.js.map +1 -1
  80. package/dist/esm/utils/markdownResource.d.ts +7 -0
  81. package/dist/esm/utils/markdownResource.js +33 -0
  82. package/dist/esm/utils/markdownResource.js.map +1 -0
  83. package/dist/umd/chat-sdk.min.js +1 -1
  84. package/package.json +1 -1
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/types/XAdkChatbot.ts"],
4
- "sourcesContent": ["import type { CSSProperties, JSX, ReactNode } from \"react\";\nimport { type XAdkSenderProps } from \"./XAdkSender\";\nimport { type SendContent } from \"./XAiSender\";\nimport { type FileItem } from \"./FileGallery\";\nimport { type ToolRenderKind } from \"./FunctionCallRender\";\nimport { type ChatPresetInput, type ChatStrategies } from \"./ChatStrategies\";\n\n/**\n * XAdkChatbot 命令式 API\n */\nexport interface XAdkChatbotHandle {\n /** 手动滚动到底部 */\n scrollToBottom: (behavior?: ScrollBehavior) => void;\n}\n\n/**\n * 消息分组接口\n */\nexport interface ChatGroup {\n id: string;\n role: \"user\" | \"bot\";\n msgs: IMessage[];\n invocationId?: string;\n allFiles: any[];\n /** 点赞状态: 1=赞, -1=踩, 0=未反馈 */\n isLike?: number;\n}\n\nexport interface IInvocation {\n id: string;\n name: string;\n spanId: string;\n traceId: string;\n parentSpanId: string;\n startTime: number;\n endTime: number;\n sessionId: string;\n invocationId: string;\n duration: number;\n attributes: Record<string, string>;\n botName: string;\n workspaceNo: string;\n status: number;\n agentName: string;\n agentNo: string;\n agentVersionNo: string;\n userId: string;\n}\n\nexport interface AgentRunRequest {\n stream?: boolean;\n sessionId: string | undefined;\n content: {\n parts: Array<{\n text?: string;\n functionResponse?: {\n id?: string;\n name?: string;\n response?: any;\n };\n }>;\n role: string;\n };\n files?: Array<{\n fileName: string;\n fileId?: string;\n tempUrl: string;\n type?: string;\n mimeType: string;\n }>;\n stateDelta?: any;\n}\nexport interface Blob {\n displayName?: string;\n mimeType?: string;\n data: string;\n}\n\nexport interface FunctionCall {\n id?: string;\n name: string;\n args: { [key: string]: any };\n}\n\nexport interface FunctionResponse {\n id?: string;\n name: string;\n response: { [key: string]: any };\n}\n\nexport interface FileData {\n displayName: string;\n mimeType: string;\n fileUri: string;\n}\n\nexport interface ExecutableCode {\n language: \"UNKNOWN\" | \"PYTHON\";\n code: string;\n}\n\nexport interface CodeExecutionResult {\n outcome: \"UNKNOWN\" | \"OK\" | \"FAILED\" | \"DEADLINE_EXCEEDED\";\n output: string;\n}\n\nexport interface Part {\n text?: string;\n inlineData?: Blob;\n functionCall?: FunctionCall;\n functionResponse?: FunctionResponse;\n thought?: boolean;\n fileData?: FileData;\n executableCode?: ExecutableCode;\n codeExecutionResult?: CodeExecutionResult;\n errorMessage?: string;\n}\n\nexport interface GenAiContent {\n role: string;\n parts: Part[];\n}\n\nexport interface LlmRequest {\n contents: GenAiContent[];\n}\n\nexport interface LlmResponse {\n partial?: boolean;\n content: GenAiContent;\n error?: string;\n errorMessage?: string;\n errorCode?: string;\n longRunningToolIds?: string[];\n}\n\nexport interface UsageMetadata {\n candidatesTokenCount?: number;\n promptTokenCount?: number;\n totalTokenCount?: number;\n [key: string]: any;\n}\n\nexport interface EventActions {\n message?: string;\n artifactDelta?: any;\n functionCall?: FunctionCall;\n functionResponse?: FunctionResponse;\n finishReason?: string;\n}\n\nexport interface Event extends LlmResponse {\n id?: string;\n author?: string;\n modelCode?: string;\n invocationId?: string;\n actions?: EventActions;\n longRunningToolIds?: string[];\n branch?: string;\n timestamp?: number;\n finishReason?: string;\n usageMetadata?: UsageMetadata;\n evalStatus?: any;\n failedMetric?: any;\n evalScore?: any;\n evalThreshold?: any;\n groundingMetadata?: {\n searchEntryPoint?: {\n renderedContent?: any;\n };\n };\n isLike?: number;\n sessionId?: string;\n}\n\nexport interface SessionState {\n [key: string]: unknown;\n}\n\nexport interface Session {\n id?: string;\n appName?: string;\n userId?: string;\n state?: SessionState;\n events?: Event[];\n lastUpdateTime?: number;\n}\n\nexport interface TimeTick {\n position: number;\n label: string;\n}\n\nexport interface IMessage {\n /** 前端生成的唯一标识 */\n id: string;\n /** 单次请求的唯一标识 */\n invocationId?: string;\n /** 单个Event的唯一标识,一个event里有可能有多个parts的消息 */\n eventId?: string;\n /** 消息发起人:智能体名称、user */\n author?: string;\n role: \"bot\" | \"user\";\n /** 时间戳 */\n timestamp?: number;\n isLoading?: boolean;\n /** 函数调用 */\n functionCall?: FunctionCall;\n /** 函数调用结果 */\n functionResponse?: FunctionResponse;\n /** 文件上传 */\n inlineData?: Blob;\n /** 文本消息 */\n text?: string;\n /** 文件信息 */\n fileData?: FileData[];\n /** 思考 */\n thought?: boolean;\n executableCode?: ExecutableCode;\n codeExecutionResult?: CodeExecutionResult;\n renderedContent?: any;\n /** 原始数据 */\n raw?: any;\n /** 模型编码,通常来自 stream 事件或历史消息 */\n modelCode?: string;\n /** 事件级 token 使用量等模型调用元数据 */\n usageMetadata?: UsageMetadata;\n /** 结束原因,通常来自最后一条 stream 事件 */\n finishReason?: string;\n // 下面暂时没有用到\n evalStatus?: any;\n failedMetric?: any;\n evalScore?: any;\n evalThreshold?: any;\n invocationIndex?: any;\n finalResponsePartIndex?: any;\n toolUseIndex?: any;\n /** 是否赞/踩 */\n isLike?: number;\n}\n\nexport type ActionProps = (data: {\n message: ChatGroup;\n isLastBotMsg: boolean;\n}) => JSX.Element | null;\n\nexport type ActionExtraProps = (data: {\n message: ChatGroup;\n isLastBotMsg: boolean;\n}) => ReactNode;\n\n/**\n * 自定义工具调用渲染函数\n * - 返回 ReactNode:使用自定义渲染\n * - 返回 null:降级使用默认渲染\n *\n * @example\n * renderFunctionCall={(msg) => {\n * if (msg.functionCall?.name === 'my_tool') return <MyToolRender msg={msg} />;\n * return null; // 其他工具使用默认渲染\n * }}\n */\nexport type RenderFunctionCall = (msg: IMessage) => ReactNode | null;\n\nexport interface XAdkChatbotProps extends Partial<XAdkSenderProps> {\n /**\n * 自定义工具调用渲染函数\n * 返回 null 则降级使用默认渲染\n */\n renderFunctionCall?: RenderFunctionCall;\n /**\n * 工具名 → 渲染类型的解析策略,默认使用 defaultToolKindResolver\n */\n toolKindResolver?: (name: string | undefined) => ToolRenderKind;\n /**\n * 聊天策略,可由 Provider preset 自动下发,也可在组件局部覆盖。\n */\n strategies?: ChatStrategies;\n /**\n * 组件直用时的协议预设。默认沿用 xgroup-adk 以兼容既有业务接入;\n * 需要中立行为时可传入 base。\n */\n preset?: ChatPresetInput;\n className?: string;\n style?: CSSProperties;\n // 加载状态\n loading?: boolean;\n /** 消息列表 */\n messages: IMessage[];\n /** 开场白 */\n prologue?: string;\n /** 建议回复 */\n suggestions?: string[];\n /** 欢迎页面 */\n welcome?: ReactNode;\n /** 显示函数调用详情 */\n showFnCallDetail?: boolean;\n /**\n * 数据是否就绪,就绪后触发首次自动滚底。默认 true。\n * 仅在需要等待异步加载历史消息的场景(如 XAdkProvider 内)才需设为 false,\n * 待数据加载完成后再切换为 true;独立使用时无需关心此属性。\n */\n initialized?: boolean;\n /**\n * 当前会话 ID,切换时自动重置滚动状态并置底。\n * 不传则退化为仅依赖 initialized 的单次置底行为。\n */\n sessionId?: string;\n /** 提交回调 */\n onSubmit?: ({ text, files }: SendContent) => void;\n /** 函数调用确认回调 */\n onConfirm?: (fnCall: FunctionCall, confirmed: boolean) => void;\n /** 停止回调 */\n onStop?: () => void;\n /** 清除回调 */\n onClear?: () => void;\n /** 建议回复回调 */\n onSuggest?: (text: string) => void;\n\n // ========== 新增功能 ==========\n\n /** Agent 名称 (欢迎页面) */\n agentName?: string;\n /** Agent 图标 (欢迎页面) */\n agentIcon?: string;\n /** Agent 描述 (欢迎页面) */\n description?: string;\n\n /** 是否显示重试按钮 */\n showRetry?: boolean;\n /** 是否显示复制按钮 */\n showCopy?: boolean;\n /** 是否显示日志按钮 */\n showLog?: boolean;\n\n /** 重试回调 */\n onRetry?: () => void;\n /** 复制回调 */\n onCopy?: (text: string) => void;\n /** 查看日志回调 */\n onShowLog?: (invocationId: string, timestamp?: number) => void;\n\n /** 是否启用消息分组 (默认 true) */\n enableGrouping?: boolean;\n\n /** 是否自动解析 process 内容并展示思维链 (默认 true) */\n enableProcessParsing?: boolean;\n\n /** 消息功能区 */\n actions?: ActionProps;\n /** 追加在消息功能区之后的内容,适合展示 token 消耗等业务扩展信息 */\n actionsExtra?: ActionExtraProps;\n\n /**\n * Process 解析选项\n * @example\n * // 业务项目格式 (注释模式)\n * parseOptions={{ mode: 'comment' }}\n *\n * @example\n * // 自定义格式\n * parseOptions={{\n * mode: 'custom',\n * customPatterns: [\n * { regex: /\\[REASONING\\]([\\s\\S]*?)\\[\\/REASONING\\]/g, type: 'reasoning' }\n * ]\n * }}\n */\n parseOptions?: {\n mode?: \"xml\" | \"comment\" | \"custom\";\n customPatterns?: Array<{ regex: RegExp; type: string }>;\n finalMarker?: string;\n };\n\n /** 是否禁用输入 */\n disabled?: boolean;\n\n /** 是否流式响应 */\n stream?: boolean;\n\n /** 点击对话中附件卡片的回调(非图片、非音视频文件) */\n onFileClick?: (file: FileItem) => void;\n\n /** 消息列表为空时展示的自定义空状态组件 */\n empty?: ReactNode | (() => ReactNode);\n}\n"],
4
+ "sourcesContent": ["import type { CSSProperties, JSX, ReactNode } from \"react\";\nimport { type XAdkSenderProps } from \"./XAdkSender\";\nimport { type SendContent } from \"./XAiSender\";\nimport { type FileItem } from \"./FileGallery\";\nimport { type ToolRenderKind } from \"./FunctionCallRender\";\nimport { type ChatPresetInput, type ChatStrategies } from \"./ChatStrategies\";\n\n/**\n * XAdkChatbot 命令式 API\n */\nexport interface XAdkChatbotHandle {\n /** 手动滚动到底部 */\n scrollToBottom: (behavior?: ScrollBehavior) => void;\n}\n\n/**\n * 消息分组接口\n */\nexport interface ChatGroup {\n id: string;\n role: \"user\" | \"bot\";\n msgs: IMessage[];\n invocationId?: string;\n allFiles: any[];\n /** 点赞状态: 1=赞, -1=踩, 0=未反馈 */\n isLike?: number;\n}\n\nexport interface IInvocation {\n id: string;\n name: string;\n spanId: string;\n traceId: string;\n parentSpanId: string;\n startTime: number;\n endTime: number;\n sessionId: string;\n invocationId: string;\n duration: number;\n attributes: Record<string, string>;\n botName: string;\n workspaceNo: string;\n status: number;\n agentName: string;\n agentNo: string;\n agentVersionNo: string;\n userId: string;\n}\n\nexport interface AgentRunRequest {\n stream?: boolean;\n sessionId: string | undefined;\n content: {\n parts: Array<{\n text?: string;\n functionResponse?: {\n id?: string;\n name?: string;\n response?: any;\n };\n }>;\n role: string;\n };\n files?: Array<{\n fileName: string;\n fileId?: string;\n tempUrl: string;\n type?: string;\n mimeType: string;\n }>;\n stateDelta?: any;\n}\nexport interface Blob {\n displayName?: string;\n mimeType?: string;\n data: string;\n}\n\nexport interface FunctionCall {\n id?: string;\n name: string;\n args: { [key: string]: any };\n}\n\nexport interface FunctionResponse {\n id?: string;\n name: string;\n response: { [key: string]: any };\n}\n\nexport interface FileData {\n displayName: string;\n mimeType: string;\n fileUri: string;\n}\n\nexport interface ExecutableCode {\n language: \"UNKNOWN\" | \"PYTHON\";\n code: string;\n}\n\nexport interface CodeExecutionResult {\n outcome: \"UNKNOWN\" | \"OK\" | \"FAILED\" | \"DEADLINE_EXCEEDED\";\n output: string;\n}\n\nexport interface Part {\n text?: string;\n inlineData?: Blob;\n functionCall?: FunctionCall;\n functionResponse?: FunctionResponse;\n thought?: boolean;\n fileData?: FileData;\n executableCode?: ExecutableCode;\n codeExecutionResult?: CodeExecutionResult;\n errorMessage?: string;\n}\n\nexport interface GenAiContent {\n role: string;\n parts: Part[];\n}\n\nexport interface LlmRequest {\n contents: GenAiContent[];\n}\n\nexport interface LlmResponse {\n partial?: boolean;\n content: GenAiContent;\n error?: string;\n errorMessage?: string;\n errorCode?: string;\n longRunningToolIds?: string[];\n}\n\nexport interface UsageMetadata {\n candidatesTokenCount?: number;\n promptTokenCount?: number;\n totalTokenCount?: number;\n [key: string]: any;\n}\n\nexport interface EventActions {\n message?: string;\n artifactDelta?: any;\n functionCall?: FunctionCall;\n functionResponse?: FunctionResponse;\n finishReason?: string;\n}\n\nexport interface Event extends LlmResponse {\n id?: string;\n author?: string;\n modelCode?: string;\n invocationId?: string;\n actions?: EventActions;\n longRunningToolIds?: string[];\n branch?: string;\n timestamp?: number;\n finishReason?: string;\n usageMetadata?: UsageMetadata;\n evalStatus?: any;\n failedMetric?: any;\n evalScore?: any;\n evalThreshold?: any;\n groundingMetadata?: {\n searchEntryPoint?: {\n renderedContent?: any;\n };\n };\n isLike?: number;\n sessionId?: string;\n}\n\nexport interface SessionState {\n [key: string]: unknown;\n}\n\nexport interface Session {\n id?: string;\n appName?: string;\n userId?: string;\n state?: SessionState;\n events?: Event[];\n lastUpdateTime?: number;\n}\n\nexport interface TimeTick {\n position: number;\n label: string;\n}\n\nexport interface IMessage {\n /** 前端生成的唯一标识 */\n id: string;\n /** 单次请求的唯一标识 */\n invocationId?: string;\n /** 单个Event的唯一标识,一个event里有可能有多个parts的消息 */\n eventId?: string;\n /** 消息发起人:智能体名称、user */\n author?: string;\n role: \"bot\" | \"user\";\n /** 时间戳 */\n timestamp?: number;\n isLoading?: boolean;\n /** 函数调用 */\n functionCall?: FunctionCall;\n /** 函数调用结果 */\n functionResponse?: FunctionResponse;\n /** 文件上传 */\n inlineData?: Blob;\n /** 文本消息 */\n text?: string;\n /** 文件信息 */\n fileData?: FileData[];\n /** 思考 */\n thought?: boolean;\n executableCode?: ExecutableCode;\n codeExecutionResult?: CodeExecutionResult;\n renderedContent?: any;\n /** 原始数据 */\n raw?: any;\n /** 模型编码,通常来自 stream 事件或历史消息 */\n modelCode?: string;\n /** 事件级 token 使用量等模型调用元数据 */\n usageMetadata?: UsageMetadata;\n /** 结束原因,通常来自最后一条 stream 事件 */\n finishReason?: string;\n // 下面暂时没有用到\n evalStatus?: any;\n failedMetric?: any;\n evalScore?: any;\n evalThreshold?: any;\n invocationIndex?: any;\n finalResponsePartIndex?: any;\n toolUseIndex?: any;\n /** 是否赞/踩 */\n isLike?: number;\n}\n\nexport type ActionProps = (data: {\n message: ChatGroup;\n isLastBotMsg: boolean;\n}) => JSX.Element | null;\n\nexport type ActionExtraProps = (data: {\n message: ChatGroup;\n isLastBotMsg: boolean;\n}) => ReactNode;\n\nexport interface MarkdownResourceLink {\n /** 完整链接,如 skill://InnerSkill01 */\n href: string;\n /** Markdown 链接文字,如 @skill-creator */\n label: string;\n /** 协议类型,如 skill/plugin/knowledge */\n type: string;\n /** 协议值,如 InnerSkill01 */\n value: string;\n}\n\nexport type RenderMarkdownResourceLink = (\n link: MarkdownResourceLink,\n) => ReactNode | null;\n\n/**\n * 自定义工具调用渲染函数\n * - 返回 ReactNode:使用自定义渲染\n * - 返回 null:降级使用默认渲染\n *\n * @example\n * renderFunctionCall={(msg) => {\n * if (msg.functionCall?.name === 'my_tool') return <MyToolRender msg={msg} />;\n * return null; // 其他工具使用默认渲染\n * }}\n */\nexport type RenderFunctionCall = (msg: IMessage) => ReactNode | null;\n\nexport interface XAdkChatbotProps extends Partial<XAdkSenderProps> {\n /**\n * 自定义工具调用渲染函数\n * 返回 null 则降级使用默认渲染\n */\n renderFunctionCall?: RenderFunctionCall;\n /**\n * 工具名 → 渲染类型的解析策略,默认使用 defaultToolKindResolver\n */\n toolKindResolver?: (name: string | undefined) => ToolRenderKind;\n /**\n * 聊天策略,可由 Provider preset 自动下发,也可在组件局部覆盖。\n */\n strategies?: ChatStrategies;\n /**\n * 组件直用时的协议预设。默认沿用 xgroup-adk 以兼容既有业务接入;\n * 需要中立行为时可传入 base。\n */\n preset?: ChatPresetInput;\n className?: string;\n style?: CSSProperties;\n // 加载状态\n loading?: boolean;\n /** 消息列表 */\n messages: IMessage[];\n /** 开场白 */\n prologue?: string;\n /** 建议回复 */\n suggestions?: string[];\n /** 欢迎页面 */\n welcome?: ReactNode;\n /** 显示函数调用详情 */\n showFnCallDetail?: boolean;\n /**\n * 数据是否就绪,就绪后触发首次自动滚底。默认 true。\n * 仅在需要等待异步加载历史消息的场景(如 XAdkProvider 内)才需设为 false,\n * 待数据加载完成后再切换为 true;独立使用时无需关心此属性。\n */\n initialized?: boolean;\n /**\n * 当前会话 ID,切换时自动重置滚动状态并置底。\n * 不传则退化为仅依赖 initialized 的单次置底行为。\n */\n sessionId?: string;\n /** 提交回调 */\n onSubmit?: ({ text, files }: SendContent) => void;\n /** 函数调用确认回调 */\n onConfirm?: (fnCall: FunctionCall, confirmed: boolean) => void;\n /** 停止回调 */\n onStop?: () => void;\n /** 清除回调 */\n onClear?: () => void;\n /** 建议回复回调 */\n onSuggest?: (text: string) => void;\n\n // ========== 新增功能 ==========\n\n /** Agent 名称 (欢迎页面) */\n agentName?: string;\n /** Agent 图标 (欢迎页面) */\n agentIcon?: string;\n /** Agent 描述 (欢迎页面) */\n description?: string;\n\n /** 是否显示重试按钮 */\n showRetry?: boolean;\n /** 是否显示复制按钮 */\n showCopy?: boolean;\n /** 是否显示日志按钮 */\n showLog?: boolean;\n\n /** 重试回调 */\n onRetry?: () => void;\n /** 复制回调 */\n onCopy?: (text: string) => void;\n /** 查看日志回调 */\n onShowLog?: (invocationId: string, timestamp?: number) => void;\n\n /** 是否启用消息分组 (默认 true) */\n enableGrouping?: boolean;\n\n /** 是否自动解析 process 内容并展示思维链 (默认 true) */\n enableProcessParsing?: boolean;\n\n /** 消息功能区 */\n actions?: ActionProps;\n /** 追加在消息功能区之后的内容,适合展示 token 消耗等业务扩展信息 */\n actionsExtra?: ActionExtraProps;\n\n /**\n * Process 解析选项\n * @example\n * // 业务项目格式 (注释模式)\n * parseOptions={{ mode: 'comment' }}\n *\n * @example\n * // 自定义格式\n * parseOptions={{\n * mode: 'custom',\n * customPatterns: [\n * { regex: /\\[REASONING\\]([\\s\\S]*?)\\[\\/REASONING\\]/g, type: 'reasoning' }\n * ]\n * }}\n */\n parseOptions?: {\n mode?: \"xml\" | \"comment\" | \"custom\";\n customPatterns?: Array<{ regex: RegExp; type: string }>;\n finalMarker?: string;\n };\n\n /** 是否禁用输入 */\n disabled?: boolean;\n\n /** 是否流式响应 */\n stream?: boolean;\n\n /** 点击对话中附件卡片的回调(非图片、非音视频文件) */\n onFileClick?: (file: FileItem) => void;\n\n /** 点击 Markdown 资源链接标签的回调,如 [@skill](skill://xxx) */\n onResourceLinkClick?: (link: MarkdownResourceLink) => void;\n\n /** 自定义 Markdown 资源链接渲染,返回 null 则降级使用默认标签样式 */\n renderResourceLink?: RenderMarkdownResourceLink;\n\n /** 消息列表为空时展示的自定义空状态组件 */\n empty?: ReactNode | (() => ReactNode);\n}\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;",
6
6
  "names": []
7
7
  }
@@ -13,6 +13,10 @@ export interface QuickListOption {
13
13
  export interface QuickKeyConfig {
14
14
  /** 触发字符,如 '@', '#', '$' */
15
15
  key: string;
16
+ /** 选中后写入 MentionTag.type 的语义类型,不传时回退为 key */
17
+ mentionType?: string;
18
+ /** @deprecated 请使用 mentionType。 */
19
+ tagType?: string;
16
20
  /** 列表标题 */
17
21
  title?: string;
18
22
  /** 列表数据 */
@@ -22,21 +26,31 @@ export interface QuickKeyConfig {
22
26
  /** 选中回调 */
23
27
  onSelect?: (option: QuickListOption) => void;
24
28
  }
25
- /** 输入框内标签 */
26
- export interface InputTag {
29
+ /** 输入框内的资源引用。SDK 只理解通用 Mention,业务语义可放入 data 或可选语义字段。 */
30
+ export interface MentionTag {
27
31
  id: string;
28
32
  label: string;
29
- /** 标签类型,如 'aggregation', 'skill', 'app' */
33
+ /** Mention 类型,如 'knowledge', 'skill', 'plugin', 'agent' */
30
34
  type: string;
31
- /** 提交为纯文本/Markdown/XML 时使用的业务值,不传时回退 label */
35
+ /** 资源 URI,如 skill://skillNo、kb://kb/knNo/dir/docs/2024 */
36
+ uri?: string;
37
+ /** 业务资源 ID,如 skillNo、knowledgeNo */
38
+ targetId?: string;
39
+ /** 展示名;不传时回退 label */
40
+ displayName?: string;
41
+ /** 提交为纯文本/Markdown/XML 时使用的业务值,不传时回退 uri/targetId/label */
32
42
  value?: string;
33
43
  /** 触发字符,如 '@', '#', '$',用于业务方区分来源 */
34
44
  trigger?: string;
35
45
  color?: string;
36
46
  icon?: React.ReactNode;
47
+ /** 业务扩展上下文,例如知识库目录 scope */
48
+ scope?: any;
37
49
  /** 原始数据 */
38
50
  data?: any;
39
51
  }
52
+ /** @deprecated 请使用 MentionTag。 */
53
+ export type InputTag = MentionTag;
40
54
  export interface InlineTagRenderInfo {
41
55
  onRemove: () => void;
42
56
  }
@@ -45,24 +59,38 @@ export type XAdkSenderSubmitPart = {
45
59
  type: "text";
46
60
  text: string;
47
61
  } | {
62
+ type: "mention";
63
+ mention: MentionTag;
64
+ };
65
+ /** @deprecated 旧 tag part,仅用于兼容 defaultInputParts 历史传入。 */
66
+ export type XAdkSenderLegacyTagPart = {
48
67
  type: "tag";
49
- tag: InputTag;
68
+ tag: MentionTag;
50
69
  };
51
- export interface XAdkSenderFormatTagContext {
70
+ /** 输入框文本/Mention 有序片段,表示用户正在编辑的输入内容 */
71
+ export type XAdkSenderInputPart = XAdkSenderSubmitPart | XAdkSenderLegacyTagPart;
72
+ export interface XAdkSenderFormatMentionContext {
52
73
  format: Exclude<XAdkSenderSubmitFormat, "structured">;
53
74
  index: number;
54
75
  }
55
- export interface XAdkSenderSubmitData {
76
+ /** @deprecated 请使用 XAdkSenderFormatMentionContext。 */
77
+ export type XAdkSenderFormatTagContext = XAdkSenderFormatMentionContext;
78
+ export interface XAdkSenderSubmitData<TPayload = unknown> {
56
79
  /** 根据 submitFormat 生成的最终内容,默认是纯文本 */
57
80
  text: string;
58
81
  /** 去掉标签后的用户原始输入文本 */
59
82
  rawText: string;
60
83
  /** 当前提交格式 */
61
84
  format: XAdkSenderSubmitFormat;
62
- /** 文本与标签的有序片段,inlineTags 模式下可还原标签在输入框中的位置 */
85
+ /** 文本与 Mention 的有序片段,inlineTags 模式下可还原资源引用在输入框中的位置 */
63
86
  parts: XAdkSenderSubmitPart[];
64
87
  files: ServerFile[];
65
- tags?: InputTag[];
88
+ /** 当前 Mention 列表 */
89
+ mentions?: MentionTag[];
90
+ /** @deprecated 请使用 mentions。 */
91
+ tags?: MentionTag[];
92
+ /** 业务方通过 transformSubmitData 派生出的自定义提交结构 */
93
+ payload?: TPayload;
66
94
  }
67
95
  export interface UploadFileResult {
68
96
  fileName?: string;
@@ -161,7 +189,7 @@ export interface SenderUIProps {
161
189
  }) => React.ReactNode;
162
190
  /** 后缀内容,默认展示操作按钮,设为 false 时不显示 */
163
191
  suffix?: React.ReactNode | false | SlotRenderFunction;
164
- /** 头部面板 */
192
+ /** 输入主体内部的头部内容 */
165
193
  header?: React.ReactNode | false | SlotRenderFunction;
166
194
  /** 前缀内容 */
167
195
  prefix?: React.ReactNode | false | SlotRenderFunction;
@@ -171,30 +199,53 @@ export interface SenderUIProps {
171
199
  footerLeft?: React.ReactNode | false | SlotRenderFunction;
172
200
  /** 快捷键配置列表 */
173
201
  quickKeys?: QuickKeyConfig[];
174
- /** 是否把标签以内联 token 形式展示在输入区内;默认 false 保持历史 textarea 行为 */
202
+ /** 是否把 Mention 以内联 token 形式展示在输入区内;默认 false 保持历史 textarea 行为 */
175
203
  inlineTags?: boolean;
176
- /** 自定义内联标签渲染 */
177
- renderTag?: (tag: InputTag, info: InlineTagRenderInfo) => React.ReactNode;
178
- /** 受控:标签列表 */
179
- tags?: InputTag[];
180
- /** 非受控:默认标签列表 */
181
- defaultTags?: InputTag[];
182
- /** 标签变化回调 */
183
- onTagsChange?: (tags: InputTag[]) => void;
204
+ /** 自定义内联 Mention 渲染 */
205
+ renderMention?: (mention: MentionTag, info: InlineTagRenderInfo) => React.ReactNode;
206
+ /** @deprecated 请使用 renderMention。 */
207
+ renderTag?: (mention: MentionTag, info: InlineTagRenderInfo) => React.ReactNode;
208
+ /** 受控:Mention 列表 */
209
+ mentions?: MentionTag[];
210
+ /** @deprecated 请使用 mentions。 */
211
+ tags?: MentionTag[];
212
+ /** 非受控:默认 Mention 列表 */
213
+ defaultMentions?: MentionTag[];
214
+ /** @deprecated 请使用 defaultMentions。 */
215
+ defaultTags?: MentionTag[];
216
+ /** 非受控:默认输入内容片段,用于初始化内联 Mention 输入区 */
217
+ defaultInputParts?: XAdkSenderInputPart[];
218
+ /** Mention 变化回调 */
219
+ onMentionsChange?: (mentions: MentionTag[]) => void;
220
+ /** @deprecated 请使用 onMentionsChange。 */
221
+ onTagsChange?: (mentions: MentionTag[]) => void;
184
222
  /** 快捷键触发回调(业务方可在此处理搜索等逻辑) */
185
223
  onQuickKeyTrigger?: (key: string, keyword: string) => void;
186
224
  /**
187
225
  * 提交内容格式:
188
- * - text: 默认,输出文字 + 标签文本(如 /生图技能)
189
- * - structured: 保留 parts/tags/files 结构化数据,text 为 rawText
226
+ * - text: 默认,输出文字 + Mention 文本(如 @生图技能)
227
+ * - structured: 保留 parts/mentions/files 结构化数据,text 为 rawText
190
228
  * - markdown/xml: 输出对应标记文本
191
229
  */
192
230
  submitFormat?: XAdkSenderSubmitFormat;
193
- /** 自定义标签在 text/markdown/xml 格式中的序列化结果 */
194
- formatTag?: (tag: InputTag, context: XAdkSenderFormatTagContext) => string;
231
+ /** 自定义 Mention 在 text/markdown/xml 格式中的序列化结果 */
232
+ formatMention?: (mention: MentionTag, context: XAdkSenderFormatMentionContext) => string;
233
+ /** @deprecated 请使用 formatMention。 */
234
+ formatTag?: (mention: MentionTag, context: XAdkSenderFormatMentionContext) => string;
235
+ /**
236
+ * 基于 SDK 标准提交结构派生业务 payload。
237
+ * SDK 不理解 knowledge/skill/agent 等业务字段,只负责把 payload 原样放入 onSubmit 数据中。
238
+ */
239
+ transformSubmitData?: (data: Omit<XAdkSenderSubmitData, "payload">) => unknown;
195
240
  }
196
241
  export type XAdkSenderProps = SenderUIProps & UploaderCoreProps;
197
242
  export interface XAdkSenderHandle {
198
243
  addFiles: (files: File[]) => void;
244
+ /** 向当前光标位置插入一个内联 Mention;未启用 inlineTags 时会退化为追加 Mention。 */
245
+ insertMention: (mention: MentionTag) => void;
246
+ /** @deprecated 请使用 insertMention。 */
247
+ insertTag: (mention: MentionTag) => void;
248
+ /** 聚焦输入区 */
249
+ focus: () => void;
199
250
  }
200
251
  export {};
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/types/XAdkSender.ts"],
4
- "sourcesContent": ["// types/XAdkSender.ts\nimport React from \"react\";\n\n// ===================== 快捷键/标签相关类型 =====================\n\n/** 快捷键触发的列表项 */\nexport interface QuickListOption {\n id: string;\n label: string;\n description?: string;\n icon?: React.ReactNode;\n /** 分组名(用于聚合列表,子分组通过下划线分割) */\n group?: string;\n [key: string]: any;\n}\n\n/** 快捷键配置 */\nexport interface QuickKeyConfig {\n /** 触发字符,如 '@', '#', '$' */\n key: string;\n /** 列表标题 */\n title?: string;\n /** 列表数据 */\n options: QuickListOption[];\n /** 自定义列表项渲染 */\n renderItem?: (option: QuickListOption) => React.ReactNode;\n /** 选中回调 */\n onSelect?: (option: QuickListOption) => void;\n}\n\n/** 输入框内标签 */\nexport interface InputTag {\n id: string;\n label: string;\n /** 标签类型,如 'aggregation', 'skill', 'app' */\n type: string;\n /** 提交为纯文本/Markdown/XML 时使用的业务值,不传时回退 label */\n value?: string;\n /** 触发字符,如 '@', '#', '$',用于业务方区分来源 */\n trigger?: string;\n color?: string;\n icon?: React.ReactNode;\n /** 原始数据 */\n data?: any;\n}\n\nexport interface InlineTagRenderInfo {\n onRemove: () => void;\n}\n\nexport type XAdkSenderSubmitFormat = \"text\" | \"structured\" | \"markdown\" | \"xml\";\n\nexport type XAdkSenderSubmitPart =\n | { type: \"text\"; text: string }\n | { type: \"tag\"; tag: InputTag };\n\nexport interface XAdkSenderFormatTagContext {\n format: Exclude<XAdkSenderSubmitFormat, \"structured\">;\n index: number;\n}\n\nexport interface XAdkSenderSubmitData {\n /** 根据 submitFormat 生成的最终内容,默认是纯文本 */\n text: string;\n /** 去掉标签后的用户原始输入文本 */\n rawText: string;\n /** 当前提交格式 */\n format: XAdkSenderSubmitFormat;\n /** 文本与标签的有序片段,inlineTags 模式下可还原标签在输入框中的位置 */\n parts: XAdkSenderSubmitPart[];\n files: ServerFile[];\n tags?: InputTag[];\n}\n\n// ===================== 上传相关类型 =====================\n\nexport interface UploadFileResult {\n fileName?: string;\n fileId?: string | number;\n tempUrl?: string;\n url?: string;\n fileUrl?: string;\n fileType?: string;\n fileSize?: number;\n mimeType?: string;\n [key: string]: any;\n}\n\nexport interface UploadSuccessResponse {\n data?: UploadFileResult | UploadFileResult[];\n [key: string]: any;\n}\n\ninterface uploadRequestProps {\n (options: {\n file: File;\n onProgress?: (e: { percent: number }) => void;\n onSuccess?: (\n response: UploadFileResult | UploadFileResult[] | UploadSuccessResponse,\n ) => void;\n onError?: (error: Error) => void;\n }): Promise<void> | void;\n}\n\nexport type UploadRequestFn = uploadRequestProps;\n\nexport interface ServerFile {\n fileName: string;\n fileId: string | number;\n tempUrl: string;\n type: string;\n size?: number;\n mimeType: string;\n raw?: UploadFileResult;\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?: string | 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 /** 是否启用 Sender 自身的拖拽上传,设为 false 时由外层(如 DefaultLayout)管理拖拽 */\n draggable?: boolean;\n loading?: boolean;\n disabled?: boolean; // 只读状态\n placeholder?: string;\n /** 受控:输入框的值 */\n value?: string;\n /** 非受控:输入框默认值 */\n defaultValue?: string;\n onClear?: () => void;\n onChange?: (value: string) => void;\n onSubmit?: (data: XAdkSenderSubmitData) => void;\n onStop?: () => void;\n\n /** 自定义发送按钮渲染 */\n sendButtonRender?: (info: {\n loading: boolean;\n disabled: boolean;\n /** 当前是否可以发送(文本非空或有已上传的文件) */\n canSend: boolean;\n onSend: () => void;\n onStop?: () => void;\n }) => React.ReactNode;\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 /** 底部左侧拓展区域,不传时 footer 保持原有居中布局 */\n footerLeft?: React.ReactNode | false | SlotRenderFunction;\n\n // 快捷键/标签功能\n /** 快捷键配置列表 */\n quickKeys?: QuickKeyConfig[];\n /** 是否把标签以内联 token 形式展示在输入区内;默认 false 保持历史 textarea 行为 */\n inlineTags?: boolean;\n /** 自定义内联标签渲染 */\n renderTag?: (\n tag: InputTag,\n info: InlineTagRenderInfo,\n ) => React.ReactNode;\n /** 受控:标签列表 */\n tags?: InputTag[];\n /** 非受控:默认标签列表 */\n defaultTags?: InputTag[];\n /** 标签变化回调 */\n onTagsChange?: (tags: InputTag[]) => void;\n /** 快捷键触发回调(业务方可在此处理搜索等逻辑) */\n onQuickKeyTrigger?: (key: string, keyword: string) => void;\n /**\n * 提交内容格式:\n * - text: 默认,输出文字 + 标签文本(如 /生图技能)\n * - structured: 保留 parts/tags/files 结构化数据,text 为 rawText\n * - markdown/xml: 输出对应标记文本\n */\n submitFormat?: XAdkSenderSubmitFormat;\n /** 自定义标签在 text/markdown/xml 格式中的序列化结果 */\n formatTag?: (\n tag: InputTag,\n context: XAdkSenderFormatTagContext,\n ) => string;\n}\n\nexport type XAdkSenderProps = SenderUIProps & UploaderCoreProps;\n\nexport interface XAdkSenderHandle {\n addFiles: (files: File[]) => void;\n}\n"],
4
+ "sourcesContent": ["// types/XAdkSender.ts\nimport React from \"react\";\n\n// ===================== 快捷键/Mention 相关类型 =====================\n\n/** 快捷键触发的列表项 */\nexport interface QuickListOption {\n id: string;\n label: string;\n description?: string;\n icon?: React.ReactNode;\n /** 分组名(用于聚合列表,子分组通过下划线分割) */\n group?: string;\n [key: string]: any;\n}\n\n/** 快捷键配置 */\nexport interface QuickKeyConfig {\n /** 触发字符,如 '@', '#', '$' */\n key: string;\n /** 选中后写入 MentionTag.type 的语义类型,不传时回退为 key */\n mentionType?: string;\n /** @deprecated 请使用 mentionType。 */\n tagType?: string;\n /** 列表标题 */\n title?: string;\n /** 列表数据 */\n options: QuickListOption[];\n /** 自定义列表项渲染 */\n renderItem?: (option: QuickListOption) => React.ReactNode;\n /** 选中回调 */\n onSelect?: (option: QuickListOption) => void;\n}\n\n/** 输入框内的资源引用。SDK 只理解通用 Mention,业务语义可放入 data 或可选语义字段。 */\nexport interface MentionTag {\n id: string;\n label: string;\n /** Mention 类型,如 'knowledge', 'skill', 'plugin', 'agent' */\n type: string;\n /** 资源 URI,如 skill://skillNo、kb://kb/knNo/dir/docs/2024 */\n uri?: string;\n /** 业务资源 ID,如 skillNo、knowledgeNo */\n targetId?: string;\n /** 展示名;不传时回退 label */\n displayName?: string;\n /** 提交为纯文本/Markdown/XML 时使用的业务值,不传时回退 uri/targetId/label */\n value?: string;\n /** 触发字符,如 '@', '#', '$',用于业务方区分来源 */\n trigger?: string;\n color?: string;\n icon?: React.ReactNode;\n /** 业务扩展上下文,例如知识库目录 scope */\n scope?: any;\n /** 原始数据 */\n data?: any;\n}\n\n/** @deprecated 请使用 MentionTag。 */\nexport type InputTag = MentionTag;\n\nexport interface InlineTagRenderInfo {\n onRemove: () => void;\n}\n\nexport type XAdkSenderSubmitFormat = \"text\" | \"structured\" | \"markdown\" | \"xml\";\n\nexport type XAdkSenderSubmitPart =\n | { type: \"text\"; text: string }\n | { type: \"mention\"; mention: MentionTag };\n\n/** @deprecated 旧 tag part,仅用于兼容 defaultInputParts 历史传入。 */\nexport type XAdkSenderLegacyTagPart = { type: \"tag\"; tag: MentionTag };\n\n/** 输入框文本/Mention 有序片段,表示用户正在编辑的输入内容 */\nexport type XAdkSenderInputPart =\n | XAdkSenderSubmitPart\n | XAdkSenderLegacyTagPart;\n\nexport interface XAdkSenderFormatMentionContext {\n format: Exclude<XAdkSenderSubmitFormat, \"structured\">;\n index: number;\n}\n\n/** @deprecated 请使用 XAdkSenderFormatMentionContext。 */\nexport type XAdkSenderFormatTagContext = XAdkSenderFormatMentionContext;\n\nexport interface XAdkSenderSubmitData<TPayload = unknown> {\n /** 根据 submitFormat 生成的最终内容,默认是纯文本 */\n text: string;\n /** 去掉标签后的用户原始输入文本 */\n rawText: string;\n /** 当前提交格式 */\n format: XAdkSenderSubmitFormat;\n /** 文本与 Mention 的有序片段,inlineTags 模式下可还原资源引用在输入框中的位置 */\n parts: XAdkSenderSubmitPart[];\n files: ServerFile[];\n /** 当前 Mention 列表 */\n mentions?: MentionTag[];\n /** @deprecated 请使用 mentions。 */\n tags?: MentionTag[];\n /** 业务方通过 transformSubmitData 派生出的自定义提交结构 */\n payload?: TPayload;\n}\n\n// ===================== 上传相关类型 =====================\n\nexport interface UploadFileResult {\n fileName?: string;\n fileId?: string | number;\n tempUrl?: string;\n url?: string;\n fileUrl?: string;\n fileType?: string;\n fileSize?: number;\n mimeType?: string;\n [key: string]: any;\n}\n\nexport interface UploadSuccessResponse {\n data?: UploadFileResult | UploadFileResult[];\n [key: string]: any;\n}\n\ninterface uploadRequestProps {\n (options: {\n file: File;\n onProgress?: (e: { percent: number }) => void;\n onSuccess?: (\n response: UploadFileResult | UploadFileResult[] | UploadSuccessResponse,\n ) => void;\n onError?: (error: Error) => void;\n }): Promise<void> | void;\n}\n\nexport type UploadRequestFn = uploadRequestProps;\n\nexport interface ServerFile {\n fileName: string;\n fileId: string | number;\n tempUrl: string;\n type: string;\n size?: number;\n mimeType: string;\n raw?: UploadFileResult;\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?: string | 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 /** 是否启用 Sender 自身的拖拽上传,设为 false 时由外层(如 DefaultLayout)管理拖拽 */\n draggable?: boolean;\n loading?: boolean;\n disabled?: boolean; // 只读状态\n placeholder?: string;\n /** 受控:输入框的值 */\n value?: string;\n /** 非受控:输入框默认值 */\n defaultValue?: string;\n onClear?: () => void;\n onChange?: (value: string) => void;\n onSubmit?: (data: XAdkSenderSubmitData) => void;\n onStop?: () => void;\n\n /** 自定义发送按钮渲染 */\n sendButtonRender?: (info: {\n loading: boolean;\n disabled: boolean;\n /** 当前是否可以发送(文本非空或有已上传的文件) */\n canSend: boolean;\n onSend: () => void;\n onStop?: () => void;\n }) => React.ReactNode;\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 /** 底部左侧拓展区域,不传时 footer 保持原有居中布局 */\n footerLeft?: React.ReactNode | false | SlotRenderFunction;\n\n // 快捷键/Mention 功能\n /** 快捷键配置列表 */\n quickKeys?: QuickKeyConfig[];\n /** 是否把 Mention 以内联 token 形式展示在输入区内;默认 false 保持历史 textarea 行为 */\n inlineTags?: boolean;\n /** 自定义内联 Mention 渲染 */\n renderMention?: (\n mention: MentionTag,\n info: InlineTagRenderInfo,\n ) => React.ReactNode;\n /** @deprecated 请使用 renderMention。 */\n renderTag?: (\n mention: MentionTag,\n info: InlineTagRenderInfo,\n ) => React.ReactNode;\n /** 受控:Mention 列表 */\n mentions?: MentionTag[];\n /** @deprecated 请使用 mentions。 */\n tags?: MentionTag[];\n /** 非受控:默认 Mention 列表 */\n defaultMentions?: MentionTag[];\n /** @deprecated 请使用 defaultMentions。 */\n defaultTags?: MentionTag[];\n /** 非受控:默认输入内容片段,用于初始化内联 Mention 输入区 */\n defaultInputParts?: XAdkSenderInputPart[];\n /** Mention 变化回调 */\n onMentionsChange?: (mentions: MentionTag[]) => void;\n /** @deprecated 请使用 onMentionsChange。 */\n onTagsChange?: (mentions: MentionTag[]) => void;\n /** 快捷键触发回调(业务方可在此处理搜索等逻辑) */\n onQuickKeyTrigger?: (key: string, keyword: string) => void;\n /**\n * 提交内容格式:\n * - text: 默认,输出文字 + Mention 文本(如 @生图技能)\n * - structured: 保留 parts/mentions/files 结构化数据,text 为 rawText\n * - markdown/xml: 输出对应标记文本\n */\n submitFormat?: XAdkSenderSubmitFormat;\n /** 自定义 Mention 在 text/markdown/xml 格式中的序列化结果 */\n formatMention?: (\n mention: MentionTag,\n context: XAdkSenderFormatMentionContext,\n ) => string;\n /** @deprecated 请使用 formatMention。 */\n formatTag?: (\n mention: MentionTag,\n context: XAdkSenderFormatMentionContext,\n ) => string;\n /**\n * 基于 SDK 标准提交结构派生业务 payload。\n * SDK 不理解 knowledge/skill/agent 等业务字段,只负责把 payload 原样放入 onSubmit 数据中。\n */\n transformSubmitData?: (\n data: Omit<XAdkSenderSubmitData, \"payload\">,\n ) => unknown;\n}\n\nexport type XAdkSenderProps = SenderUIProps & UploaderCoreProps;\n\nexport interface XAdkSenderHandle {\n addFiles: (files: File[]) => void;\n /** 向当前光标位置插入一个内联 Mention;未启用 inlineTags 时会退化为追加 Mention。 */\n insertMention: (mention: MentionTag) => void;\n /** @deprecated 请使用 insertMention。 */\n insertTag: (mention: MentionTag) => void;\n /** 聚焦输入区 */\n focus: () => void;\n}\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;",
6
6
  "names": []
7
7
  }
@@ -2,3 +2,4 @@ export declare const safeJsonParse: <T = any>(str?: string, defaultValue?: any)
2
2
  export declare const safeJsonStringify: <T = any>(obj?: T, defaultValue?: any) => string;
3
3
  export declare function cleanProcessText(text: string): string;
4
4
  export * from './parseAgentMessage';
5
+ export * from './markdownResource';
@@ -26,6 +26,7 @@ __export(utils_exports, {
26
26
  });
27
27
  module.exports = __toCommonJS(utils_exports);
28
28
  __reExport(utils_exports, require("./parseAgentMessage"), module.exports);
29
+ __reExport(utils_exports, require("./markdownResource"), module.exports);
29
30
  var safeJsonParse = (str, defaultValue = {}) => {
30
31
  if (!str)
31
32
  return defaultValue;
@@ -54,6 +55,7 @@ function cleanProcessText(text) {
54
55
  cleanProcessText,
55
56
  safeJsonParse,
56
57
  safeJsonStringify,
57
- ...require("./parseAgentMessage")
58
+ ...require("./parseAgentMessage"),
59
+ ...require("./markdownResource")
58
60
  });
59
61
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/utils/index.ts"],
4
- "sourcesContent": ["export const safeJsonParse = <T = any>(\n str?: string,\n defaultValue: any = {},\n): T => {\n if (!str) return defaultValue as T;\n try {\n return JSON.parse(str) || defaultValue;\n } catch (error) {\n return defaultValue as T;\n }\n};\n\nexport const safeJsonStringify = <T = any>(\n obj?: T,\n defaultValue: any = {},\n): string => {\n if (!obj) return defaultValue as string;\n try {\n return JSON.stringify(obj) || defaultValue;\n } catch (error) {\n return defaultValue as string;\n }\n};\n\nexport function cleanProcessText(text: string): string {\n if (!text) return \"\";\n return text\n .replace(/\\/\\*(PLANNING|REPLANNING|REASONING|ACTION|FINAL_ANSWER)\\*\\//g, \"\")\n .trim();\n}\n\n// 导出新的解析工具\nexport * from './parseAgentMessage';\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCA,0BAAc,gCAhCd;AAAO,IAAM,gBAAgB,CAC3B,KACA,eAAoB,CAAC,MACf;AACN,MAAI,CAAC;AAAK,WAAO;AACjB,MAAI;AACF,WAAO,KAAK,MAAM,GAAG,KAAK;AAAA,EAC5B,SAAS,OAAP;AACA,WAAO;AAAA,EACT;AACF;AAEO,IAAM,oBAAoB,CAC/B,KACA,eAAoB,CAAC,MACV;AACX,MAAI,CAAC;AAAK,WAAO;AACjB,MAAI;AACF,WAAO,KAAK,UAAU,GAAG,KAAK;AAAA,EAChC,SAAS,OAAP;AACA,WAAO;AAAA,EACT;AACF;AAEO,SAAS,iBAAiB,MAAsB;AACrD,MAAI,CAAC;AAAM,WAAO;AAClB,SAAO,KACJ,QAAQ,gEAAgE,EAAE,EAC1E,KAAK;AACV;",
4
+ "sourcesContent": ["export const safeJsonParse = <T = any>(\n str?: string,\n defaultValue: any = {},\n): T => {\n if (!str) return defaultValue as T;\n try {\n return JSON.parse(str) || defaultValue;\n } catch (error) {\n return defaultValue as T;\n }\n};\n\nexport const safeJsonStringify = <T = any>(\n obj?: T,\n defaultValue: any = {},\n): string => {\n if (!obj) return defaultValue as string;\n try {\n return JSON.stringify(obj) || defaultValue;\n } catch (error) {\n return defaultValue as string;\n }\n};\n\nexport function cleanProcessText(text: string): string {\n if (!text) return \"\";\n return text\n .replace(/\\/\\*(PLANNING|REPLANNING|REASONING|ACTION|FINAL_ANSWER)\\*\\//g, \"\")\n .trim();\n}\n\n// 导出新的解析工具\nexport * from './parseAgentMessage';\nexport * from './markdownResource';\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCA,0BAAc,gCAhCd;AAiCA,0BAAc,+BAjCd;AAAO,IAAM,gBAAgB,CAC3B,KACA,eAAoB,CAAC,MACf;AACN,MAAI,CAAC;AAAK,WAAO;AACjB,MAAI;AACF,WAAO,KAAK,MAAM,GAAG,KAAK;AAAA,EAC5B,SAAS,OAAP;AACA,WAAO;AAAA,EACT;AACF;AAEO,IAAM,oBAAoB,CAC/B,KACA,eAAoB,CAAC,MACV;AACX,MAAI,CAAC;AAAK,WAAO;AACjB,MAAI;AACF,WAAO,KAAK,UAAU,GAAG,KAAK;AAAA,EAChC,SAAS,OAAP;AACA,WAAO;AAAA,EACT;AACF;AAEO,SAAS,iBAAiB,MAAsB;AACrD,MAAI,CAAC;AAAM,WAAO;AAClB,SAAO,KACJ,QAAQ,gEAAgE,EAAE,EAC1E,KAAK;AACV;",
6
6
  "names": []
7
7
  }
@@ -0,0 +1,7 @@
1
+ import type { MarkdownResourceLink } from "../types";
2
+ export declare const MARKDOWN_RESOURCE_LINK_SCHEMES: readonly ["skill", "plugin", "tool", "knowledge", "kb", "agent", "model"];
3
+ export declare const parseMarkdownResourceHref: (href: string, label?: string) => MarkdownResourceLink | null;
4
+ export declare const replaceMarkdownResourceLinks: (text: string, replacer: (link: MarkdownResourceLink) => string) => string;
5
+ export declare const formatMarkdownResourceLinksAsText: (text: string, options?: {
6
+ stripTrigger?: boolean;
7
+ }) => string;
@@ -0,0 +1,73 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: true });
8
+ };
9
+ var __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from === "object" || typeof from === "function") {
11
+ for (let key of __getOwnPropNames(from))
12
+ if (!__hasOwnProp.call(to, key) && key !== except)
13
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
+ }
15
+ return to;
16
+ };
17
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
+
19
+ // src/utils/markdownResource.ts
20
+ var markdownResource_exports = {};
21
+ __export(markdownResource_exports, {
22
+ MARKDOWN_RESOURCE_LINK_SCHEMES: () => MARKDOWN_RESOURCE_LINK_SCHEMES,
23
+ formatMarkdownResourceLinksAsText: () => formatMarkdownResourceLinksAsText,
24
+ parseMarkdownResourceHref: () => parseMarkdownResourceHref,
25
+ replaceMarkdownResourceLinks: () => replaceMarkdownResourceLinks
26
+ });
27
+ module.exports = __toCommonJS(markdownResource_exports);
28
+ var MARKDOWN_RESOURCE_LINK_SCHEMES = [
29
+ "skill",
30
+ "plugin",
31
+ "tool",
32
+ "knowledge",
33
+ "kb",
34
+ "agent",
35
+ "model"
36
+ ];
37
+ var RESOURCE_LINK_SCHEME_SET = new Set(MARKDOWN_RESOURCE_LINK_SCHEMES);
38
+ var RESOURCE_LINK_REGEX = /\[([^\]\n]+)\]\(((?:skill|plugin|tool|knowledge|kb|agent|model):\/{2,3}[^)\s]+)\)/gi;
39
+ var stripTriggerPrefix = (label) => label.replace(/^[@/#$]+/, "");
40
+ var parseMarkdownResourceHref = (href, label = "") => {
41
+ const match = href.match(/^([a-z][a-z0-9+.-]*):\/{2,3}(.+)$/i);
42
+ if (!match)
43
+ return null;
44
+ const type = match[1].toLowerCase();
45
+ if (!RESOURCE_LINK_SCHEME_SET.has(type))
46
+ return null;
47
+ return {
48
+ href,
49
+ label: label || href,
50
+ type,
51
+ value: decodeURIComponent(match[2])
52
+ };
53
+ };
54
+ var replaceMarkdownResourceLinks = (text, replacer) => {
55
+ if (!text)
56
+ return "";
57
+ return text.replace(RESOURCE_LINK_REGEX, (source, label, href) => {
58
+ const link = parseMarkdownResourceHref(href, label);
59
+ return link ? replacer(link) : source;
60
+ });
61
+ };
62
+ var formatMarkdownResourceLinksAsText = (text, options) => replaceMarkdownResourceLinks(text, (link) => {
63
+ const label = link.label || link.value;
64
+ return (options == null ? void 0 : options.stripTrigger) === false ? label : stripTriggerPrefix(label);
65
+ });
66
+ // Annotate the CommonJS export names for ESM import in node:
67
+ 0 && (module.exports = {
68
+ MARKDOWN_RESOURCE_LINK_SCHEMES,
69
+ formatMarkdownResourceLinksAsText,
70
+ parseMarkdownResourceHref,
71
+ replaceMarkdownResourceLinks
72
+ });
73
+ //# sourceMappingURL=markdownResource.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/utils/markdownResource.ts"],
4
+ "sourcesContent": ["import type { MarkdownResourceLink } from \"@/types\";\n\nexport const MARKDOWN_RESOURCE_LINK_SCHEMES = [\n \"skill\",\n \"plugin\",\n \"tool\",\n \"knowledge\",\n \"kb\",\n \"agent\",\n \"model\",\n] as const;\n\nconst RESOURCE_LINK_SCHEME_SET = new Set<string>(MARKDOWN_RESOURCE_LINK_SCHEMES);\nconst RESOURCE_LINK_REGEX =\n /\\[([^\\]\\n]+)\\]\\(((?:skill|plugin|tool|knowledge|kb|agent|model):\\/{2,3}[^)\\s]+)\\)/gi;\n\nconst stripTriggerPrefix = (label: string) => label.replace(/^[@/#$]+/, \"\");\n\nexport const parseMarkdownResourceHref = (\n href: string,\n label = \"\",\n): MarkdownResourceLink | null => {\n const match = href.match(/^([a-z][a-z0-9+.-]*):\\/{2,3}(.+)$/i);\n if (!match) return null;\n\n const type = match[1].toLowerCase();\n if (!RESOURCE_LINK_SCHEME_SET.has(type)) return null;\n\n return {\n href,\n label: label || href,\n type,\n value: decodeURIComponent(match[2]),\n };\n};\n\nexport const replaceMarkdownResourceLinks = (\n text: string,\n replacer: (link: MarkdownResourceLink) => string,\n) => {\n if (!text) return \"\";\n return text.replace(RESOURCE_LINK_REGEX, (source, label: string, href: string) => {\n const link = parseMarkdownResourceHref(href, label);\n return link ? replacer(link) : source;\n });\n};\n\nexport const formatMarkdownResourceLinksAsText = (\n text: string,\n options?: { stripTrigger?: boolean },\n) =>\n replaceMarkdownResourceLinks(text, (link) => {\n const label = link.label || link.value;\n return options?.stripTrigger === false ? label : stripTriggerPrefix(label);\n });\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,IAAM,iCAAiC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,IAAM,2BAA2B,IAAI,IAAY,8BAA8B;AAC/E,IAAM,sBACJ;AAEF,IAAM,qBAAqB,CAAC,UAAkB,MAAM,QAAQ,YAAY,EAAE;AAEnE,IAAM,4BAA4B,CACvC,MACA,QAAQ,OACwB;AAChC,QAAM,QAAQ,KAAK,MAAM,oCAAoC;AAC7D,MAAI,CAAC;AAAO,WAAO;AAEnB,QAAM,OAAO,MAAM,CAAC,EAAE,YAAY;AAClC,MAAI,CAAC,yBAAyB,IAAI,IAAI;AAAG,WAAO;AAEhD,SAAO;AAAA,IACL;AAAA,IACA,OAAO,SAAS;AAAA,IAChB;AAAA,IACA,OAAO,mBAAmB,MAAM,CAAC,CAAC;AAAA,EACpC;AACF;AAEO,IAAM,+BAA+B,CAC1C,MACA,aACG;AACH,MAAI,CAAC;AAAM,WAAO;AAClB,SAAO,KAAK,QAAQ,qBAAqB,CAAC,QAAQ,OAAe,SAAiB;AAChF,UAAM,OAAO,0BAA0B,MAAM,KAAK;AAClD,WAAO,OAAO,SAAS,IAAI,IAAI;AAAA,EACjC,CAAC;AACH;AAEO,IAAM,oCAAoC,CAC/C,MACA,YAEA,6BAA6B,MAAM,CAAC,SAAS;AAC3C,QAAM,QAAQ,KAAK,SAAS,KAAK;AACjC,UAAO,mCAAS,kBAAiB,QAAQ,QAAQ,mBAAmB,KAAK;AAC3E,CAAC;",
6
+ "names": []
7
+ }
@@ -131,6 +131,7 @@ var ImageWithLoading = function ImageWithLoading(_ref) {
131
131
  preview = _ref.preview,
132
132
  fallback = _ref.fallback,
133
133
  displayMode = _ref.displayMode,
134
+ className = _ref.className,
134
135
  styles = _ref.styles;
135
136
  var _useState = useState("loading"),
136
137
  _useState2 = _slicedToArray(_useState, 2),
@@ -144,7 +145,7 @@ var ImageWithLoading = function ImageWithLoading(_ref) {
144
145
  if (width) containerStyle.width = typeof width === "number" ? "".concat(width, "px") : width;
145
146
  if (height) containerStyle.height = typeof height === "number" ? "".concat(height, "px") : height;
146
147
  return /*#__PURE__*/_jsxs("div", {
147
- className: modeClass,
148
+ className: "".concat(modeClass, " ").concat(className || ""),
148
149
  style: containerStyle,
149
150
  children: [loadState === "loading" && /*#__PURE__*/_jsx("div", {
150
151
  className: styles.imageLoadingSkeleton,
@@ -193,6 +194,8 @@ var FileGallery = function FileGallery(_ref2) {
193
194
  var file = _ref2.file,
194
195
  _ref2$align = _ref2.align,
195
196
  align = _ref2$align === void 0 ? "left" : _ref2$align,
197
+ _ref2$size = _ref2.size,
198
+ size = _ref2$size === void 0 ? "default" : _ref2$size,
196
199
  _ref2$removable = _ref2.removable,
197
200
  removable = _ref2$removable === void 0 ? false : _ref2$removable,
198
201
  _ref2$onRemove = _ref2.onRemove,
@@ -237,6 +240,8 @@ var FileGallery = function FileGallery(_ref2) {
237
240
  var fileSize = getFileSize(file);
238
241
  var fileId = getFileId(file);
239
242
  var url = getFileUrl(file) || objectUrl;
243
+ var isSmall = size === "small";
244
+ var cardClassName = "".concat(styles.fileCard, " ").concat(isSmall ? styles.fileCardSmall : "", " ").concat(align === "right" ? "align-right" : "", " ").concat(className || "");
240
245
 
241
246
  // 核心逻辑:type prop 决定渲染方式(参考 file-card)
242
247
  // - 不传 type:自动推断,图片/音频/视频用原生渲染
@@ -262,7 +267,7 @@ var FileGallery = function FileGallery(_ref2) {
262
267
  // ==================== 渲染删除按钮 ====================
263
268
  var renderRemoveBtn = function renderRemoveBtn() {
264
269
  return removable ? /*#__PURE__*/_jsx("button", {
265
- className: styles.fileRemoveBtn,
270
+ className: "".concat(styles.fileRemoveBtn, " ").concat(isSmall ? styles.fileRemoveBtnSmall : ""),
266
271
  onClick: function onClick(e) {
267
272
  e.stopPropagation();
268
273
  onRemove(fileId);
@@ -294,7 +299,7 @@ var FileGallery = function FileGallery(_ref2) {
294
299
  color = _getIcon.color;
295
300
  var isExternalUrl = url && url.startsWith("http");
296
301
  return /*#__PURE__*/_jsxs("div", {
297
- className: "".concat(styles.fileCard, " ").concat(align === "right" ? "align-right" : "", " ").concat(className || ""),
302
+ className: cardClassName,
298
303
  style: _objectSpread(_objectSpread({}, style), {}, {
299
304
  cursor: _onClick ? "pointer" : undefined
300
305
  }),
@@ -302,7 +307,7 @@ var FileGallery = function FileGallery(_ref2) {
302
307
  return _onClick === null || _onClick === void 0 ? void 0 : _onClick(file);
303
308
  },
304
309
  children: [/*#__PURE__*/_jsx("div", {
305
- className: styles.fileIcon,
310
+ className: "".concat(styles.fileIcon, " ").concat(isSmall ? styles.fileIconSmall : ""),
306
311
  style: {
307
312
  color: color
308
313
  },
@@ -317,14 +322,14 @@ var FileGallery = function FileGallery(_ref2) {
317
322
  children: /*#__PURE__*/_jsx(Tooltip, {
318
323
  title: fileName,
319
324
  children: /*#__PURE__*/_jsx("div", {
320
- className: styles.fileName,
325
+ className: "".concat(styles.fileName, " ").concat(isSmall ? styles.fileNameSmall : ""),
321
326
  children: fileName.length > 15 ? "".concat(fileName.substring(0, 15), "...") : fileName
322
327
  })
323
328
  })
324
329
  }) : /*#__PURE__*/_jsx(Tooltip, {
325
330
  title: fileName,
326
331
  children: /*#__PURE__*/_jsx("div", {
327
- className: styles.fileName,
332
+ className: "".concat(styles.fileName, " ").concat(isSmall ? styles.fileNameSmall : ""),
328
333
  children: fileName.length > 15 ? "".concat(fileName.substring(0, 15), "...") : fileName
329
334
  })
330
335
  }), file.status === "uploading" ? /*#__PURE__*/_jsx(Progress, {
@@ -332,8 +337,8 @@ var FileGallery = function FileGallery(_ref2) {
332
337
  size: "small",
333
338
  showInfo: false,
334
339
  strokeColor: "#1677ff",
335
- className: styles.progress
336
- }) : fileSize > 0 && /*#__PURE__*/_jsx("div", {
340
+ className: "".concat(styles.progress, " ").concat(isSmall ? styles.progressSmall : "")
341
+ }) : !isSmall && fileSize > 0 && /*#__PURE__*/_jsx("div", {
337
342
  className: styles.fileSize,
338
343
  children: formatFileSize(fileSize)
339
344
  }), file.status === "error" && file.errorMessage && /*#__PURE__*/_jsx("div", {
@@ -374,7 +379,7 @@ var FileGallery = function FileGallery(_ref2) {
374
379
 
375
380
  // thumbnail 模式:卡片形式
376
381
  return /*#__PURE__*/_jsxs("div", {
377
- className: "".concat(styles.fileCard, " ").concat(align === "right" ? "align-right" : "", " ").concat(className || ""),
382
+ className: cardClassName,
378
383
  style: _objectSpread(_objectSpread({}, style), {}, {
379
384
  cursor: _onClick ? "pointer" : undefined
380
385
  }),
@@ -384,24 +389,25 @@ var FileGallery = function FileGallery(_ref2) {
384
389
  children: [/*#__PURE__*/_jsx(ImageWithLoading, {
385
390
  src: url,
386
391
  alt: imageAlt || fileName,
387
- width: imageWidth,
388
- height: imageHeight,
392
+ width: size === "small" ? 22 : imageWidth,
393
+ height: size === "small" ? 22 : imageHeight,
389
394
  displayMode: "thumbnail",
390
395
  loading: imageLoading,
391
396
  preview: _onClick ? false : {
392
397
  src: url
393
398
  },
394
399
  fallback: FALLBACK_IMAGE,
395
- styles: styles
400
+ styles: styles,
401
+ className: isSmall ? styles.imageThumbnailSmall : undefined
396
402
  }), renderUploadOverlay(), /*#__PURE__*/_jsxs("div", {
397
403
  className: styles.fileInfo,
398
404
  children: [/*#__PURE__*/_jsx(Tooltip, {
399
405
  title: fileName,
400
406
  children: /*#__PURE__*/_jsx("div", {
401
- className: styles.fileName,
407
+ className: "".concat(styles.fileName, " ").concat(isSmall ? styles.fileNameSmall : ""),
402
408
  children: fileName.length > 15 ? "".concat(fileName.substring(0, 15), "...") : fileName
403
409
  })
404
- }), Number(file === null || file === void 0 ? void 0 : file.size) > 0 && /*#__PURE__*/_jsx("div", {
410
+ }), !isSmall && Number(file === null || file === void 0 ? void 0 : file.size) > 0 && /*#__PURE__*/_jsx("div", {
405
411
  className: styles.fileSize,
406
412
  children: formatFileSize(fileSize)
407
413
  })]
@@ -410,7 +416,7 @@ var FileGallery = function FileGallery(_ref2) {
410
416
  }
411
417
 
412
418
  // ==================== 音频渲染(原生播放器,无卡片包裹) ====================
413
- if (fileType === "audio") {
419
+ if (fileType === "audio" && size !== "small") {
414
420
  return /*#__PURE__*/_jsxs("div", {
415
421
  className: "file-gallery-audio ".concat(className || ""),
416
422
  style: _objectSpread({
@@ -431,7 +437,7 @@ var FileGallery = function FileGallery(_ref2) {
431
437
  }
432
438
 
433
439
  // ==================== 视频渲染(原生播放器,无卡片包裹) ====================
434
- if (fileType === "video") {
440
+ if (fileType === "video" && size !== "small") {
435
441
  return /*#__PURE__*/_jsxs("div", {
436
442
  className: "file-gallery-video ".concat(className || ""),
437
443
  style: _objectSpread({