@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.
- package/dist/cjs/components/FileGallery/index.js +59 -40
- package/dist/cjs/components/FileGallery/index.js.map +2 -2
- package/dist/cjs/components/FileGallery/styles.d.ts +7 -0
- package/dist/cjs/components/FileGallery/styles.js +78 -0
- package/dist/cjs/components/FileGallery/styles.js.map +2 -2
- package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.d.ts +7 -1
- package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.js +82 -22
- package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.js.map +2 -2
- package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/styles.d.ts +3 -0
- package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/styles.js +39 -0
- package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/styles.js.map +2 -2
- package/dist/cjs/components/XAdkChatbot/index.js +35 -5
- package/dist/cjs/components/XAdkChatbot/index.js.map +2 -2
- package/dist/cjs/components/XAdkChatbot/styles.js +1 -1
- package/dist/cjs/components/XAdkChatbot/styles.js.map +1 -1
- package/dist/cjs/components/XAdkSender/InlineTagInput.d.ts +11 -5
- package/dist/cjs/components/XAdkSender/InlineTagInput.js +188 -113
- package/dist/cjs/components/XAdkSender/InlineTagInput.js.map +2 -2
- package/dist/cjs/components/XAdkSender/InputTags.d.ts +2 -2
- package/dist/cjs/components/XAdkSender/InputTags.js +8 -8
- package/dist/cjs/components/XAdkSender/InputTags.js.map +2 -2
- package/dist/cjs/components/XAdkSender/index.js +104 -64
- package/dist/cjs/components/XAdkSender/index.js.map +2 -2
- package/dist/cjs/components/XAdkSender/styles.d.ts +4 -0
- package/dist/cjs/components/XAdkSender/styles.js +34 -6
- package/dist/cjs/components/XAdkSender/styles.js.map +2 -2
- package/dist/cjs/index.d.ts +2 -1
- package/dist/cjs/index.js +7 -0
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/types/FileGallery.d.ts +3 -0
- package/dist/cjs/types/FileGallery.js.map +1 -1
- package/dist/cjs/types/XAdkChatbot.d.ts +15 -0
- package/dist/cjs/types/XAdkChatbot.js.map +1 -1
- package/dist/cjs/types/XAdkSender.d.ts +74 -23
- package/dist/cjs/types/XAdkSender.js.map +1 -1
- package/dist/cjs/utils/index.d.ts +1 -0
- package/dist/cjs/utils/index.js +3 -1
- package/dist/cjs/utils/index.js.map +2 -2
- package/dist/cjs/utils/markdownResource.d.ts +7 -0
- package/dist/cjs/utils/markdownResource.js +73 -0
- package/dist/cjs/utils/markdownResource.js.map +7 -0
- package/dist/esm/components/FileGallery/index.js +22 -16
- package/dist/esm/components/FileGallery/index.js.map +1 -1
- package/dist/esm/components/FileGallery/styles.d.ts +7 -0
- package/dist/esm/components/FileGallery/styles.js +24 -17
- package/dist/esm/components/FileGallery/styles.js.map +1 -1
- package/dist/esm/components/XAdkChatbot/components/MarkdownRender/index.d.ts +7 -1
- package/dist/esm/components/XAdkChatbot/components/MarkdownRender/index.js +57 -7
- package/dist/esm/components/XAdkChatbot/components/MarkdownRender/index.js.map +1 -1
- package/dist/esm/components/XAdkChatbot/components/MarkdownRender/styles.d.ts +3 -0
- package/dist/esm/components/XAdkChatbot/components/MarkdownRender/styles.js +5 -2
- package/dist/esm/components/XAdkChatbot/components/MarkdownRender/styles.js.map +1 -1
- package/dist/esm/components/XAdkChatbot/index.js +20 -6
- package/dist/esm/components/XAdkChatbot/index.js.map +1 -1
- package/dist/esm/components/XAdkChatbot/styles.js +1 -1
- package/dist/esm/components/XAdkChatbot/styles.js.map +1 -1
- package/dist/esm/components/XAdkSender/InlineTagInput.d.ts +11 -5
- package/dist/esm/components/XAdkSender/InlineTagInput.js +185 -117
- package/dist/esm/components/XAdkSender/InlineTagInput.js.map +1 -1
- package/dist/esm/components/XAdkSender/InputTags.d.ts +2 -2
- package/dist/esm/components/XAdkSender/InputTags.js +9 -9
- package/dist/esm/components/XAdkSender/InputTags.js.map +1 -1
- package/dist/esm/components/XAdkSender/index.js +124 -77
- package/dist/esm/components/XAdkSender/index.js.map +1 -1
- package/dist/esm/components/XAdkSender/styles.d.ts +4 -0
- package/dist/esm/components/XAdkSender/styles.js +29 -25
- package/dist/esm/components/XAdkSender/styles.js.map +1 -1
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/FileGallery.d.ts +3 -0
- package/dist/esm/types/FileGallery.js.map +1 -1
- package/dist/esm/types/XAdkChatbot.d.ts +15 -0
- package/dist/esm/types/XAdkChatbot.js.map +1 -1
- package/dist/esm/types/XAdkSender.d.ts +74 -23
- package/dist/esm/types/XAdkSender.js.map +1 -1
- package/dist/esm/utils/index.d.ts +1 -0
- package/dist/esm/utils/index.js +1 -0
- package/dist/esm/utils/index.js.map +1 -1
- package/dist/esm/utils/markdownResource.d.ts +7 -0
- package/dist/esm/utils/markdownResource.js +33 -0
- package/dist/esm/utils/markdownResource.js.map +1 -0
- package/dist/umd/chat-sdk.min.js +1 -1
- 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
|
|
29
|
+
/** 输入框内的资源引用。SDK 只理解通用 Mention,业务语义可放入 data 或可选语义字段。 */
|
|
30
|
+
export interface MentionTag {
|
|
27
31
|
id: string;
|
|
28
32
|
label: string;
|
|
29
|
-
/**
|
|
33
|
+
/** Mention 类型,如 'knowledge', 'skill', 'plugin', 'agent' */
|
|
30
34
|
type: string;
|
|
31
|
-
/**
|
|
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:
|
|
68
|
+
tag: MentionTag;
|
|
50
69
|
};
|
|
51
|
-
|
|
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
|
-
|
|
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
|
-
/**
|
|
85
|
+
/** 文本与 Mention 的有序片段,inlineTags 模式下可还原资源引用在输入框中的位置 */
|
|
63
86
|
parts: XAdkSenderSubmitPart[];
|
|
64
87
|
files: ServerFile[];
|
|
65
|
-
|
|
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
|
-
/**
|
|
202
|
+
/** 是否把 Mention 以内联 token 形式展示在输入区内;默认 false 保持历史 textarea 行为 */
|
|
175
203
|
inlineTags?: boolean;
|
|
176
|
-
/**
|
|
177
|
-
|
|
178
|
-
/**
|
|
179
|
-
|
|
180
|
-
/**
|
|
181
|
-
|
|
182
|
-
/**
|
|
183
|
-
|
|
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/
|
|
226
|
+
* - text: 默认,输出文字 + Mention 文本(如 @生图技能)
|
|
227
|
+
* - structured: 保留 parts/mentions/files 结构化数据,text 为 rawText
|
|
190
228
|
* - markdown/xml: 输出对应标记文本
|
|
191
229
|
*/
|
|
192
230
|
submitFormat?: XAdkSenderSubmitFormat;
|
|
193
|
-
/**
|
|
194
|
-
|
|
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// =====================
|
|
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';
|
package/dist/cjs/utils/index.js
CHANGED
|
@@ -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:
|
|
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:
|
|
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({
|