@zero-library/chat-agent 2.2.7 → 2.2.9

package/dist/index.css

@@ -134,6 +134,14 @@
   background-color: var(--ant-color-fill-tertiary) !important;
   color: var(--ant-color-text-tertiary);
 }
+.styles_module_chatQuoteMsg .styles_module_quoteTooltip {
+  max-width: 100%;
+  border: 1px solid #000;
+}
+.styles_module_chatQuoteMsg .styles_module_quoteTooltip .styles_module_quoteTooltipContainer {
+  max-height: 200px;
+  overflow-y: auto;
+}
 
 /* src/ui/common/styles.module.less */
 .styles_module_nsConversationListPanel {

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/common/markdownAlert/styles.module.less","../src/components/styles.module.less","../src/ui/common/styles.module.less","../src/ui/layouts/styles.module.less"],"sourcesContent":[".appCard {\n  width: 180px;\n  border-radius: 10px;\n  border: 1px solid #d7d7d7;\n  background-color: #fafafa;\n  font-size: 16px;\n  cursor: pointer;\n  margin: 8px;\n  padding: 12px 8px;\n}\n.appCard > div {\n  max-width: 100%;\n}\n.appCard > img {\n  height: 30px;\n}\n.fileView {\n  width: 200px;\n  padding: 4px 8px;\n  cursor: pointer;\n  background-color: #f5f3f3;\n  border-radius: 6px;\n}\n.fileEdit {\n  margin: 12px 0;\n  border-radius: 6px;\n  border: 1px solid #f2f2f2;\n}\n.fileEdit .fileEditHeader {\n  padding: 2px 8px;\n  background-color: #f2f2f2;\n}\n.fileEdit .fileEditContent {\n  padding: 8px;\n  background-color: #fafafa;\n}\n.quoteList {\n  min-width: 300px;\n}\n.quoteList:global.ant-collapse .ant-collapse-item .ant-collapse-header {\n  padding: 12px 0;\n  color: #8f91a8;\n}\n.quoteList:global.ant-collapse .ant-collapse-item .ant-collapse-content {\n  color: #8f91a8;\n  background-color: #f2f2f2;\n}\n.mdEdit {\n  margin: 10px 0;\n  background-color: rgba(242, 242, 242, 0.2);\n  border: 1px solid #f2f2f2;\n  padding: 10px;\n  border-radius: 4px;\n}\n.think:global.ant-collapse {\n  margin-bottom: 16px;\n}\n.think:global.ant-collapse .ant-collapse-header {\n  color: #8f91a8;\n}\n.think:global.ant-collapse .ant-collapse-content {\n  color: #8f91a8;\n}\n.think:global.ant-collapse .ant-collapse-content .ant-collapse-content-box {\n  padding: 0 10px 0 24px;\n}\n","@keyframes loading-line {\n  from {\n    background-position: 200% 0;\n  }\n  to {\n    background-position: 0 0;\n  }\n}\n.loadingMessage {\n  position: relative;\n  padding-bottom: 6px;\n}\n.loadingMessage::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 2px;\n  width: 100%;\n  background: linear-gradient(90deg, #ff6b23, #af3cb8, #53b6ff);\n  background-size: 200% 100%;\n  animation: loading-line 1.2s linear infinite;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.chatAttachments:global > .ant-attachment-list .ant-attachment-list-card-status-uploading .ant-progress .ant-progress-text {\n  display: none;\n}\n.chatAttachments:global > .ant-attachment-list .ant-attachment-list-card-status-uploading .ant-progress .ant-progress-circle {\n  animation: spin 2s linear infinite;\n}\n.chatAttachments:global > .ant-attachment-list .ant-attachment-list-card-status-uploading .ant-attachment-list-card-content {\n  gap: 4px;\n}\n.chatAttachments:global > .ant-attachment-list .ant-attachment-list-card-status-uploading .ant-attachment-list-card-content .ant-attachment-list-card-desc {\n  width: 15px;\n  height: 15px;\n  border: 2px solid transparent;\n  border-color: #1890ff;\n  border-radius: 50%;\n  animation: spin 1s linear infinite;\n  box-sizing: border-box;\n  position: relative;\n  clip-path: inset(0 0 30% 0);\n}\n.chatAttachments:global > .ant-attachment-list .ant-attachment-list-card-status-uploading .ant-attachment-list-card-content .ant-attachment-list-card-desc .ant-attachment-list-card-ellipsis-prefix {\n  display: none;\n}\n.chatSender:global.ant-sender:focus-within {\n  box-shadow: none;\n}\n.chatQuoteMsg {\n  margin-top: 4px;\n}\n.chatQuoteMsg:global.ant-bubble > .ant-bubble-content {\n  min-height: auto;\n  background-color: var(--ant-color-fill-tertiary) !important;\n  color: var(--ant-color-text-tertiary);\n}\n",".nsConversationListPanel {\n  width: 360px;\n}\n.nsConversations {\n  padding: 0 24px;\n}\n.nsConversations :global .ant-conversations-group-title {\n  padding: 0;\n}\n.nsConversations :global .ant-conversations-group-title .ant-typography {\n  color: #878aab;\n}\n.nsConversations :global .ant-conversations-list .ant-conversations-item {\n  padding-left: 16px;\n}\n.nsConversations :global .ant-conversations-list .ant-conversations-item .ant-conversations-label {\n  color: rgba(0, 0, 0, 0.88);\n}\n.nsConversations :global .ant-conversations-list .ant-conversations-item.ant-conversations-item-active .ant-conversations-label {\n  color: var(--ant-color-primary);\n}\n.nsBubbleList:global.ant-bubble-list .ant-bubble.ant-bubble-start .ant-bubble-content-filled {\n  background-color: transparent;\n}\n.nsBubbleList:global.ant-bubble-list .ant-bubble.ant-bubble-end .ant-bubble-content-filled {\n  background-color: var(--ant-color-primary-bg);\n}\n.nsChatHeader {\n  padding: 8px 16px;\n  border-bottom: 1px solid #eee;\n}\n.nsChatHeader .nsChatTitle {\n  font-size: 16px;\n  font-weight: bold;\n}\n.nsChatHeader .nsChatHeaderPopover {\n  max-height: 500px;\n  width: 300px;\n  display: flex;\n  flex-direction: column;\n}\n.nsChatHeader .nsChatHeaderPopover :global .ant-popover-inner-content {\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n.chatWelcomeWrap :global .ant-prompts .ant-prompts-list {\n  overflow: auto;\n}\n.chatWelcomeWrap .chatWelcome :global .ant-welcome-icon > img {\n  border-radius: 10px;\n  max-width: initial;\n}\n.chatWelcomeWrap .chatWelcomePrompts {\n  width: 300px;\n}\n.nsSenderListTitle {\n  width: 300px;\n}\n.nsSenderList :global .ant-list-items {\n  max-height: 350px;\n  overflow-y: auto;\n  margin-right: -12px;\n  padding-right: 12px;\n}\n.nsSenderList.historyList :global .ant-list-items {\n  max-height: initial;\n}\n.nsSenderList .nsSenderListItem {\n  background-color: #f6f6f6;\n  color: #6b6b6b !important;\n  border-radius: 5px;\n  width: 300px;\n  padding: 6px 12px !important;\n  margin-top: 12px;\n  font-size: 14px;\n  cursor: pointer;\n}\n.nsSenderList .nsSenderListFooter {\n  font-size: 12px;\n}\n.nsChatUserName {\n  font-size: 16px;\n  font-weight: bold;\n}\n.nsSenderReferenceHeaderTitle:global > .ant-sender-header-title {\n  overflow: hidden;\n}\n.nsSenderReferenceHeaderContent {\n  padding: 0 !important;\n}\n.nsAvatarListContainer {\n  height: 300px;\n  padding: 30px 48px 30px 24px;\n  overflow-y: auto;\n  margin-right: -24px;\n}\n.nsAvatarListContainer .nsAvatarList .nsAvatarListItem:hover {\n  opacity: 90%;\n}\n.nsAvatarListContainer .nsAvatarList .nsAvatarListItem .nsAvatarListItemIcon.nsAvatarListItemIconActive {\n  outline: 2px solid var(--ant-color-primary);\n}\n.nsAvatarListContainer .nsAvatarList .nsAvatarListItem .nsAvatarListItemName {\n  font-size: 12px;\n}\n",".nsPreviewHeader {\n  padding: 16px 24px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n.nsPreviewHeader .nsPreviewHeaderTitle {\n  font-size: 16px;\n  font-weight: bold;\n}\n.nsChatSenderHeader {\n  margin-bottom: 16px;\n  padding: 24px;\n  font-size: 24px;\n  text-align: center;\n}\n.nsDisclaimerNotice {\n  font-size: 12px;\n  text-align: center;\n  color: #bfbfbf;\n}\n.nsChatLayout {\n  background-color: #fff;\n}\n.nsChatLayout .nsChatBody {\n  padding: 8px 0;\n}\n.nsBodyWidth {\n  margin: 0 auto;\n  max-width: 896px;\n  min-width: 320px;\n  width: calc(100% - 24px);\n}\n"],"mappings":"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","names":["appCard","fileView","fileEdit","fileEditHeader","fileEditContent","quoteList","mdEdit","think","loading-line","loadingMessage","spin","chatAttachments","chatSender","chatQuoteMsg","nsConversationListPanel","nsConversations","nsBubbleList","nsChatHeader","nsChatTitle","nsChatHeaderPopover","chatWelcomeWrap","chatWelcome","chatWelcomePrompts","nsSenderListTitle","nsSenderList","historyList","nsSenderListItem","nsSenderListFooter","nsChatUserName","nsSenderReferenceHeaderTitle","nsSenderReferenceHeaderContent","nsAvatarListContainer","nsAvatarList","nsAvatarListItem","nsAvatarListItemIcon","nsAvatarListItemIconActive","nsAvatarListItemName","nsPreviewHeader","nsPreviewHeaderTitle","nsChatSenderHeader","nsDisclaimerNotice","nsChatLayout","nsChatBody","nsBodyWidth"]}
+{"version":3,"sources":["../src/ui/common/markdownAlert/styles.module.less","../src/components/styles.module.less","../src/ui/common/styles.module.less","../src/ui/layouts/styles.module.less"],"sourcesContent":[".appCard {\n  width: 180px;\n  border-radius: 10px;\n  border: 1px solid #d7d7d7;\n  background-color: #fafafa;\n  font-size: 16px;\n  cursor: pointer;\n  margin: 8px;\n  padding: 12px 8px;\n}\n.appCard > div {\n  max-width: 100%;\n}\n.appCard > img {\n  height: 30px;\n}\n.fileView {\n  width: 200px;\n  padding: 4px 8px;\n  cursor: pointer;\n  background-color: #f5f3f3;\n  border-radius: 6px;\n}\n.fileEdit {\n  margin: 12px 0;\n  border-radius: 6px;\n  border: 1px solid #f2f2f2;\n}\n.fileEdit .fileEditHeader {\n  padding: 2px 8px;\n  background-color: #f2f2f2;\n}\n.fileEdit .fileEditContent {\n  padding: 8px;\n  background-color: #fafafa;\n}\n.quoteList {\n  min-width: 300px;\n}\n.quoteList:global.ant-collapse .ant-collapse-item .ant-collapse-header {\n  padding: 12px 0;\n  color: #8f91a8;\n}\n.quoteList:global.ant-collapse .ant-collapse-item .ant-collapse-content {\n  color: #8f91a8;\n  background-color: #f2f2f2;\n}\n.mdEdit {\n  margin: 10px 0;\n  background-color: rgba(242, 242, 242, 0.2);\n  border: 1px solid #f2f2f2;\n  padding: 10px;\n  border-radius: 4px;\n}\n.think:global.ant-collapse {\n  margin-bottom: 16px;\n}\n.think:global.ant-collapse .ant-collapse-header {\n  color: #8f91a8;\n}\n.think:global.ant-collapse .ant-collapse-content {\n  color: #8f91a8;\n}\n.think:global.ant-collapse .ant-collapse-content .ant-collapse-content-box {\n  padding: 0 10px 0 24px;\n}\n","@keyframes loading-line {\n  from {\n    background-position: 200% 0;\n  }\n  to {\n    background-position: 0 0;\n  }\n}\n.loadingMessage {\n  position: relative;\n  padding-bottom: 6px;\n}\n.loadingMessage::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 2px;\n  width: 100%;\n  background: linear-gradient(90deg, #ff6b23, #af3cb8, #53b6ff);\n  background-size: 200% 100%;\n  animation: loading-line 1.2s linear infinite;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.chatAttachments:global > .ant-attachment-list .ant-attachment-list-card-status-uploading .ant-progress .ant-progress-text {\n  display: none;\n}\n.chatAttachments:global > .ant-attachment-list .ant-attachment-list-card-status-uploading .ant-progress .ant-progress-circle {\n  animation: spin 2s linear infinite;\n}\n.chatAttachments:global > .ant-attachment-list .ant-attachment-list-card-status-uploading .ant-attachment-list-card-content {\n  gap: 4px;\n}\n.chatAttachments:global > .ant-attachment-list .ant-attachment-list-card-status-uploading .ant-attachment-list-card-content .ant-attachment-list-card-desc {\n  width: 15px;\n  height: 15px;\n  border: 2px solid transparent;\n  border-color: #1890ff;\n  border-radius: 50%;\n  animation: spin 1s linear infinite;\n  box-sizing: border-box;\n  position: relative;\n  clip-path: inset(0 0 30% 0);\n}\n.chatAttachments:global > .ant-attachment-list .ant-attachment-list-card-status-uploading .ant-attachment-list-card-content .ant-attachment-list-card-desc .ant-attachment-list-card-ellipsis-prefix {\n  display: none;\n}\n.chatSender:global.ant-sender:focus-within {\n  box-shadow: none;\n}\n.chatQuoteMsg {\n  margin-top: 4px;\n}\n.chatQuoteMsg:global.ant-bubble > .ant-bubble-content {\n  min-height: auto;\n  background-color: var(--ant-color-fill-tertiary) !important;\n  color: var(--ant-color-text-tertiary);\n}\n.chatQuoteMsg .quoteTooltip {\n  max-width: 100%;\n  border: 1px solid #000;\n}\n.chatQuoteMsg .quoteTooltip .quoteTooltipContainer {\n  max-height: 200px;\n  overflow-y: auto;\n}\n",".nsConversationListPanel {\n  width: 360px;\n}\n.nsConversations {\n  padding: 0 24px;\n}\n.nsConversations :global .ant-conversations-group-title {\n  padding: 0;\n}\n.nsConversations :global .ant-conversations-group-title .ant-typography {\n  color: #878aab;\n}\n.nsConversations :global .ant-conversations-list .ant-conversations-item {\n  padding-left: 16px;\n}\n.nsConversations :global .ant-conversations-list .ant-conversations-item .ant-conversations-label {\n  color: rgba(0, 0, 0, 0.88);\n}\n.nsConversations :global .ant-conversations-list .ant-conversations-item.ant-conversations-item-active .ant-conversations-label {\n  color: var(--ant-color-primary);\n}\n.nsBubbleList:global.ant-bubble-list .ant-bubble.ant-bubble-start .ant-bubble-content-filled {\n  background-color: transparent;\n}\n.nsBubbleList:global.ant-bubble-list .ant-bubble.ant-bubble-end .ant-bubble-content-filled {\n  background-color: var(--ant-color-primary-bg);\n}\n.nsChatHeader {\n  padding: 8px 16px;\n  border-bottom: 1px solid #eee;\n}\n.nsChatHeader .nsChatTitle {\n  font-size: 16px;\n  font-weight: bold;\n}\n.nsChatHeader .nsChatHeaderPopover {\n  max-height: 500px;\n  width: 300px;\n  display: flex;\n  flex-direction: column;\n}\n.nsChatHeader .nsChatHeaderPopover :global .ant-popover-inner-content {\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n.chatWelcomeWrap :global .ant-prompts .ant-prompts-list {\n  overflow: auto;\n}\n.chatWelcomeWrap .chatWelcome :global .ant-welcome-icon > img {\n  border-radius: 10px;\n  max-width: initial;\n}\n.chatWelcomeWrap .chatWelcomePrompts {\n  width: 300px;\n}\n.nsSenderListTitle {\n  width: 300px;\n}\n.nsSenderList :global .ant-list-items {\n  max-height: 350px;\n  overflow-y: auto;\n  margin-right: -12px;\n  padding-right: 12px;\n}\n.nsSenderList.historyList :global .ant-list-items {\n  max-height: initial;\n}\n.nsSenderList .nsSenderListItem {\n  background-color: #f6f6f6;\n  color: #6b6b6b !important;\n  border-radius: 5px;\n  width: 300px;\n  padding: 6px 12px !important;\n  margin-top: 12px;\n  font-size: 14px;\n  cursor: pointer;\n}\n.nsSenderList .nsSenderListFooter {\n  font-size: 12px;\n}\n.nsChatUserName {\n  font-size: 16px;\n  font-weight: bold;\n}\n.nsSenderReferenceHeaderTitle:global > .ant-sender-header-title {\n  overflow: hidden;\n}\n.nsSenderReferenceHeaderContent {\n  padding: 0 !important;\n}\n.nsAvatarListContainer {\n  height: 300px;\n  padding: 30px 48px 30px 24px;\n  overflow-y: auto;\n  margin-right: -24px;\n}\n.nsAvatarListContainer .nsAvatarList .nsAvatarListItem:hover {\n  opacity: 90%;\n}\n.nsAvatarListContainer .nsAvatarList .nsAvatarListItem .nsAvatarListItemIcon.nsAvatarListItemIconActive {\n  outline: 2px solid var(--ant-color-primary);\n}\n.nsAvatarListContainer .nsAvatarList .nsAvatarListItem .nsAvatarListItemName {\n  font-size: 12px;\n}\n",".nsPreviewHeader {\n  padding: 16px 24px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n.nsPreviewHeader .nsPreviewHeaderTitle {\n  font-size: 16px;\n  font-weight: bold;\n}\n.nsChatSenderHeader {\n  margin-bottom: 16px;\n  padding: 24px;\n  font-size: 24px;\n  text-align: center;\n}\n.nsDisclaimerNotice {\n  font-size: 12px;\n  text-align: center;\n  color: #bfbfbf;\n}\n.nsChatLayout {\n  background-color: #fff;\n}\n.nsChatLayout .nsChatBody {\n  padding: 8px 0;\n}\n.nsBodyWidth {\n  margin: 0 auto;\n  max-width: 896px;\n  min-width: 320px;\n  width: calc(100% - 24px);\n}\n"],"mappings":"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","names":["appCard","fileView","fileEdit","fileEditHeader","fileEditContent","quoteList","mdEdit","think","loading-line","loadingMessage","spin","chatAttachments","chatSender","chatQuoteMsg","quoteTooltip","quoteTooltipContainer","nsConversationListPanel","nsConversations","nsBubbleList","nsChatHeader","nsChatTitle","nsChatHeaderPopover","chatWelcomeWrap","chatWelcome","chatWelcomePrompts","nsSenderListTitle","nsSenderList","historyList","nsSenderListItem","nsSenderListFooter","nsChatUserName","nsSenderReferenceHeaderTitle","nsSenderReferenceHeaderContent","nsAvatarListContainer","nsAvatarList","nsAvatarListItem","nsAvatarListItemIcon","nsAvatarListItemIconActive","nsAvatarListItemName","nsPreviewHeader","nsPreviewHeaderTitle","nsChatSenderHeader","nsDisclaimerNotice","nsChatLayout","nsChatBody","nsBodyWidth"]}

package/dist/index.d.mts

@@ -465,6 +465,30 @@ declare const createFileService: (request: ReturnType<typeof createRequest>) =>
  * - 2: 新会话策略 - 创建全新的会话开始对话
  */
 type ConversationStrategy = 1 | 2;
+/**
+ * 文件URL类型接口
+ * 定义通过URL访问的文件信息
+ */
+interface FileUrlType {
+    /** 文件后缀名 */
+    suffix: string;
+    /** 文件访问URL */
+    fileUrl: string;
+    /** 文件名 */
+    fileName: string;
+}
+/**
+ * 文件文本类型接口
+ * 定义包含文本内容的文件信息
+ */
+interface FileTextType {
+    /** 文件内容 */
+    content: string;
+    /** 文件后缀名 */
+    suffix: string;
+    /** 文件名 */
+    fileName: string;
+}
 /**
  * 引用内容接口
  * 扩展消息引用信息，支持更多引用格式
@@ -481,8 +505,6 @@ interface ReferencesContent extends MessageQuoteMsg {
     name?: string;
     /** Markdown格式的引用内容 */
     markdown?: string;
-    /** 其他扩展属性 */
-    [key: string]: any;
 }
 /**
  * 引用类型接口
@@ -889,6 +911,21 @@ interface ChatHooks {
      * }
      */
     onAppRightVerify?: (appKey: string) => boolean | Promise<boolean> | void;
+    /**
+     * 文件预览前的回调函数
+     * 在文件预览打开或关闭之前执行，可以用于控制布局、阻止预览等
+     * @param file - 要预览的文件对象, 如果不存在则表示关闭预览
+     * @param isBuiltIn - 是否为内嵌布局
+     * @returns 返回 boolean、Promise<boolean> 或 void，用于控制是否继续预览
+     */
+    onBeforeFilePreview?: (file?: FileUrlType | FileTextType, isBuiltIn?: boolean) => boolean | Promise<boolean> | void;
+    /**
+     * 文件预览后的回调函数
+     * 在文件预览打开或关闭之后执行，可以用于控制布局等
+     * @param file - 预览的文件对象, 如果不存在则表示已经关闭预览
+     * @param isBuiltIn - 是否为内嵌布局
+     */
+    onAfterFilePreview?: (file?: FileUrlType | FileTextType, isBuiltIn?: boolean) => void;
 }
 /**
  * 聊天参数接口
@@ -1363,7 +1400,7 @@ interface ChatHandle {
      *
      * @example
      * // 清除引用
-     * chatRef.current?.setReferences(undefined)
+     * chatRef.current?.setReferences()
      */
     setReferences: (references?: ReferencesType) => void;
     /**
@@ -1560,11 +1597,13 @@ interface MessageRenderProps {
     message: ConversationMessage;
     /** 消息气泡位置 */
     placement: BubbleProps['placement'];
+    /** 文件预览回调 非图片类型文件点击预览 */
+    onFilePreview?: (file: InputFile) => void;
 }
 /**
  * 消息渲染组件
  * 用于渲染聊天消息内容，包括文本、文件附件和引用消息
  */
-declare const _default: ({ message, placement }: MessageRenderProps) => react_jsx_runtime.JSX.Element;
+declare const _default: ({ message, placement, onFilePreview }: MessageRenderProps) => react_jsx_runtime.JSX.Element;
 
 export { type AgentInfo, _default$3 as Attachments, type AttachmentsProps, type ChatConfig, _default$1 as ChatCopilot, type ChatHandle, type ChatHooks, type ChatLayout, type ChatParams, type ChatProps, _default$2 as ChatSender, type ChatServices, type ConversationStrategy, type InputFile, _default as MessageRender, type MessageRenderProps, type ReferencesType, type RequestInstance, type SenderProps, type UserInfo };

package/dist/index.d.ts

@@ -465,6 +465,30 @@ declare const createFileService: (request: ReturnType<typeof createRequest>) =>
  * - 2: 新会话策略 - 创建全新的会话开始对话
  */
 type ConversationStrategy = 1 | 2;
+/**
+ * 文件URL类型接口
+ * 定义通过URL访问的文件信息
+ */
+interface FileUrlType {
+    /** 文件后缀名 */
+    suffix: string;
+    /** 文件访问URL */
+    fileUrl: string;
+    /** 文件名 */
+    fileName: string;
+}
+/**
+ * 文件文本类型接口
+ * 定义包含文本内容的文件信息
+ */
+interface FileTextType {
+    /** 文件内容 */
+    content: string;
+    /** 文件后缀名 */
+    suffix: string;
+    /** 文件名 */
+    fileName: string;
+}
 /**
  * 引用内容接口
  * 扩展消息引用信息，支持更多引用格式
@@ -481,8 +505,6 @@ interface ReferencesContent extends MessageQuoteMsg {
     name?: string;
     /** Markdown格式的引用内容 */
     markdown?: string;
-    /** 其他扩展属性 */
-    [key: string]: any;
 }
 /**
  * 引用类型接口
@@ -889,6 +911,21 @@ interface ChatHooks {
      * }
      */
     onAppRightVerify?: (appKey: string) => boolean | Promise<boolean> | void;
+    /**
+     * 文件预览前的回调函数
+     * 在文件预览打开或关闭之前执行，可以用于控制布局、阻止预览等
+     * @param file - 要预览的文件对象, 如果不存在则表示关闭预览
+     * @param isBuiltIn - 是否为内嵌布局
+     * @returns 返回 boolean、Promise<boolean> 或 void，用于控制是否继续预览
+     */
+    onBeforeFilePreview?: (file?: FileUrlType | FileTextType, isBuiltIn?: boolean) => boolean | Promise<boolean> | void;
+    /**
+     * 文件预览后的回调函数
+     * 在文件预览打开或关闭之后执行，可以用于控制布局等
+     * @param file - 预览的文件对象, 如果不存在则表示已经关闭预览
+     * @param isBuiltIn - 是否为内嵌布局
+     */
+    onAfterFilePreview?: (file?: FileUrlType | FileTextType, isBuiltIn?: boolean) => void;
 }
 /**
  * 聊天参数接口
@@ -1363,7 +1400,7 @@ interface ChatHandle {
      *
      * @example
      * // 清除引用
-     * chatRef.current?.setReferences(undefined)
+     * chatRef.current?.setReferences()
      */
     setReferences: (references?: ReferencesType) => void;
     /**
@@ -1560,11 +1597,13 @@ interface MessageRenderProps {
     message: ConversationMessage;
     /** 消息气泡位置 */
     placement: BubbleProps['placement'];
+    /** 文件预览回调 非图片类型文件点击预览 */
+    onFilePreview?: (file: InputFile) => void;
 }
 /**
  * 消息渲染组件
  * 用于渲染聊天消息内容，包括文本、文件附件和引用消息
  */
-declare const _default: ({ message, placement }: MessageRenderProps) => react_jsx_runtime.JSX.Element;
+declare const _default: ({ message, placement, onFilePreview }: MessageRenderProps) => react_jsx_runtime.JSX.Element;
 
 export { type AgentInfo, _default$3 as Attachments, type AttachmentsProps, type ChatConfig, _default$1 as ChatCopilot, type ChatHandle, type ChatHooks, type ChatLayout, type ChatParams, type ChatProps, _default$2 as ChatSender, type ChatServices, type ConversationStrategy, type InputFile, _default as MessageRender, type MessageRenderProps, type ReferencesType, type RequestInstance, type SenderProps, type UserInfo };

package/dist/index.esm.js

@@ -1,5 +1,5 @@
-import { createSecureManager, createTokenManager, useRefState, useDebounce, useSyncInput, RenderWrapper, shouldRender, isFunction, useDeepEffect, useWebSocket, downloadFile, FilePreview, MarkdownEditor, isNumber, getFileSuffixName, isObject, isNullOrUnDef, isBoolean, UserAvatar, copyText, deepCopy, transforms, deepMerge, createRequest, HttpStatus, isArray, isString, RenderMarkdown, transform, emit, buildUrlParams, getWebSocketUrl, useCreateValtioContext, FileIcon, isExternal } from '@zero-library/common';
-import { App, Badge, Button, Flex, Typography, Spin, Splitter, Tag, Popover, List, Avatar, Space, message, Empty, Modal, Row, Col, Collapse, Drawer } from 'antd';
+import { createSecureManager, createTokenManager, useRefState, useDebounce, useSyncInput, markdownToText, RenderWrapper, shouldRender, isFunction, useDeepEffect, useWebSocket, downloadFile, FilePreview, MarkdownEditor, isNumber, getFileSuffixName, isObject, isNullOrUnDef, isBoolean, UserAvatar, copyText, deepCopy, transforms, deepMerge, createRequest, HttpStatus, isArray, isString, isEmptyObj, RenderMarkdown, transform, emit, buildUrlParams, getWebSocketUrl, useCreateValtioContext, FileIcon, isExternal } from '@zero-library/common';
+import { App, Badge, Button, Flex, Typography, Spin, Splitter, Tag, Popover, List, Avatar, Space, message, Empty, Tooltip, Modal, Row, Col, Collapse, Drawer } from 'antd';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useEffect, useImperativeHandle, useMemo, useState } from 'react';
 import { useSnapshot, proxy } from 'valtio';
@@ -273,7 +273,7 @@ var classifyTime = (timestamp) => {
     return "\u66F4\u65E9";
   }
 };
-var replaceThinkTags = (str) => {
+var replaceMarkdownTags = (str) => {
   return str.replace(/<think>/g, ":::alert type=think data={content:'").replace(/<\/think>/g, "'} :::");
 };
 var getChatSocketUrl = (baseURL, params) => {
@@ -460,8 +460,13 @@ function createChatStore() {
       config.services.websocketUrls = [url, ""];
     }
   };
-  const setPreview = (file = {}, isEdit = false) => {
-    if (shouldRender(config.layout.preview)) {
+  const setPreview = async (file = {}, isEdit = false) => {
+    const preview = shouldRender(config.layout.preview);
+    const canProceed = await config.hooks?.onBeforeFilePreview?.(file, preview);
+    if (canProceed === false) {
+      throw new Error("\u64CD\u4F5C\u88AB\u963B\u6B62");
+    }
+    if (preview) {
       config.preview = {
         file,
         isEdit
@@ -469,10 +474,11 @@ function createChatStore() {
     } else {
       if (file?.fileUrl) {
         window.open(file.fileUrl, "_blank");
-      } else {
+      } else if (file?.content) {
         console.log("\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301\u9884\u89C8");
       }
     }
+    config.hooks?.onAfterFilePreview?.(file, preview);
   };
   const setLayout = (layout, receiverType = 3) => {
     const defaultLayout = receiverType === 3 ? defaultAgentLayout : defaultExpertLayout;
@@ -791,7 +797,7 @@ function createChatStore() {
       throw new Error("\u64CD\u4F5C\u88AB\u963B\u6B62");
     }
     await initConversation(conversationId);
-    setPreview();
+    await setPreview();
     config.hooks?.onAfterSwitchConversation?.(conversationId);
     try {
       if (conversation.active.member.agent) {
@@ -1073,28 +1079,50 @@ var styles_module_default2 = {
   loadingMessage: "styles_module_loadingMessage",
   chatAttachments: "styles_module_chatAttachments",
   chatSender: "styles_module_chatSender",
-  chatQuoteMsg: "styles_module_chatQuoteMsg"
+  chatQuoteMsg: "styles_module_chatQuoteMsg",
+  quoteTooltip: "styles_module_quoteTooltip",
+  quoteTooltipContainer: "styles_module_quoteTooltipContainer"
 };
-var MessageRender_default = ({ message: message2, placement }) => {
-  const content = useMemo(
+var MessageRender_default = ({ message: message2, placement, onFilePreview }) => {
+  const msgContent = useMemo(
     () => `${message2.msgContent || ""}${message2.msgContent && message2.tempContent ? "\n\n" : ""}${message2.tempContent || ""}`,
     [message2.msgContent, message2.tempContent]
   );
-  const paramsCitation = useMemo(() => {
-    let citation = "";
-    try {
-      citation = JSON.parse(message2.params || "{}").citation || "";
-    } catch (e) {
+  const quoteMsg = useMemo(() => {
+    const quoteMsg2 = {};
+    if (message2.quoteMsg?.id) {
+      if (message2.quoteMsg.msgContent) {
+        quoteMsg2.msgContent = message2.quoteMsg.msgContent;
+      }
+      if (message2.quoteMsg.msgFiles?.length) {
+        quoteMsg2.msgFiles = message2.quoteMsg.msgFiles;
+      }
+    } else if (message2.params) {
+      try {
+        const citation = JSON.parse(message2.params).citation;
+        if (citation) {
+          quoteMsg2.msgContent = citation;
+        }
+      } catch (e) {
+      }
+    }
+    if (quoteMsg2.msgContent) {
+      quoteMsg2.msgContentText = markdownToText(quoteMsg2.msgContent);
     }
-    return citation;
-  }, [message2.params]);
-  return /* @__PURE__ */ jsx(Flex, { vertical: true, children: !(message2.msgContent || message2.tempContent || message2.msgFiles.length) ? /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(Spin, { size: "small" }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    content && /* @__PURE__ */ jsx(
+    return isEmptyObj(quoteMsg2) ? null : quoteMsg2;
+  }, [message2.params, message2.quoteMsg]);
+  const filePreview = (file) => {
+    if (file.content && !["image"].includes(file.type)) {
+      onFilePreview?.(file);
+    }
+  };
+  return /* @__PURE__ */ jsx(Flex, { vertical: true, children: !(msgContent || message2.msgFiles.length) ? /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(Spin, { size: "small" }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    msgContent && /* @__PURE__ */ jsx(
       Bubble,
       {
         placement,
         className: classNames9({ [styles_module_default2.loadingMessage]: message2.type }),
-        content: /* @__PURE__ */ jsx(RenderMarkdown, { content: replaceThinkTags(content), customComponents, message: message2 })
+        content: /* @__PURE__ */ jsx(RenderMarkdown, { content: replaceMarkdownTags(msgContent), customComponents, message: message2 })
       }
     ),
     message2.msgFiles?.map((file) => /* @__PURE__ */ jsx(
@@ -1103,7 +1131,7 @@ var MessageRender_default = ({ message: message2, placement }) => {
         className: "m-t-8",
         variant: "borderless",
         placement,
-        content: /* @__PURE__ */ jsx(
+        content: /* @__PURE__ */ jsx("div", { className: "cursor-pointer", onClick: () => filePreview(file), children: /* @__PURE__ */ jsx(
           Attachments.FileCard,
           {
             item: {
@@ -1111,25 +1139,36 @@ var MessageRender_default = ({ message: message2, placement }) => {
               name: file.name,
               url: file.content
             }
-          },
-          file.content
-        )
+          }
+        ) })
       },
       file.content
     )),
-    message2.quoteMsg?.id ? /* @__PURE__ */ jsx(
+    quoteMsg && /* @__PURE__ */ jsx(
       Bubble,
       {
-        className: classNames9(styles_module_default2.chatQuoteMsg),
+        className: styles_module_default2.chatQuoteMsg,
         placement,
         content: /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 8, children: [
-          message2.quoteMsg.msgContent && /* @__PURE__ */ jsxs(Flex, { children: [
-            /* @__PURE__ */ jsx("span", { children: "\u3010\u5F15\u7528\u6D88\u606F\u3011\uFF1A" }),
-            /* @__PURE__ */ jsx(Flex, { flex: 1, className: "text-ellipsis", title: message2.quoteMsg.msgContent, children: /* @__PURE__ */ jsx(RenderMarkdown, { content: message2.quoteMsg.msgContent }) })
-          ] }),
-          message2.quoteMsg?.msgFiles && message2.quoteMsg.msgFiles.length > 0 && /* @__PURE__ */ jsxs(Flex, { children: [
+          quoteMsg.msgContent && /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              color: "#fff",
+              classNames: {
+                root: styles_module_default2.quoteTooltip,
+                body: `${styles_module_default2.quoteTooltipContainer} scroll-fade-in`
+              },
+              title: /* @__PURE__ */ jsx(RenderMarkdown, { content: quoteMsg.msgContent }),
+              getPopupContainer: (node) => node,
+              children: /* @__PURE__ */ jsxs(Flex, { children: [
+                /* @__PURE__ */ jsx("span", { children: "\u3010\u5F15\u7528\u6D88\u606F\u3011\uFF1A" }),
+                /* @__PURE__ */ jsx(Flex, { flex: 1, className: "text-ellipsis-2", children: quoteMsg.msgContentText })
+              ] })
+            }
+          ),
+          quoteMsg?.msgFiles && /* @__PURE__ */ jsxs(Flex, { children: [
             /* @__PURE__ */ jsx("span", { children: "\u3010\u5F15\u7528\u6587\u4EF6\u3011\uFF1A" }),
-            /* @__PURE__ */ jsx(Flex, { gap: 8, wrap: true, flex: 1, children: message2.quoteMsg.msgFiles.map((file) => /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(Flex, { gap: 8, wrap: true, flex: 1, children: quoteMsg.msgFiles.map((file) => /* @__PURE__ */ jsx("div", { className: "cursor-pointer", onClick: () => filePreview(file), children: /* @__PURE__ */ jsx(
               Attachments.FileCard,
               {
                 item: {
@@ -1137,22 +1176,11 @@ var MessageRender_default = ({ message: message2, placement }) => {
                   name: file.name,
                   url: file.content
                 }
-              },
-              file.content
-            )) })
+              }
+            ) }, file.content)) })
           ] })
         ] })
       }
-    ) : paramsCitation && /* @__PURE__ */ jsx(
-      Bubble,
-      {
-        className: classNames9(styles_module_default2.chatQuoteMsg),
-        placement,
-        content: /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 8, children: /* @__PURE__ */ jsxs(Flex, { children: [
-          /* @__PURE__ */ jsx("span", { children: "\u3010\u5F15\u7528\u6D88\u606F\u3011\uFF1A" }),
-          /* @__PURE__ */ jsx(Flex, { flex: 1, className: "text-ellipsis", title: paramsCitation, children: /* @__PURE__ */ jsx(RenderMarkdown, { content: paramsCitation }) })
-        ] }) })
-      }
     )
   ] }) });
 };
@@ -1324,8 +1352,19 @@ var BubbleListItems_default = ({ firstMessage = false, welcomeMessage = true, av
         placement: role.placement,
         variant: "borderless",
         avatar: role.avatar,
-        content: /* @__PURE__ */ jsx(MessageRender_default, { message: message2, placement: role.placement }),
-        footer: role.user === "agent" && /* @__PURE__ */ jsxs(Flex, { children: [
+        content: /* @__PURE__ */ jsx(
+          MessageRender_default,
+          {
+            message: message2,
+            placement: role.placement,
+            onFilePreview: (file) => chatStore.setPreview({
+              fileUrl: file.content,
+              suffix: file.extension,
+              fileName: file.name
+            })
+          }
+        ),
+        footer: /* @__PURE__ */ jsx(Flex, { children: role.user === "agent" && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Button, { onClick: () => copyText(message2.msgContent), color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsx(CopyOutlined, {}) }),
           /* @__PURE__ */ jsx(
             Button,
@@ -1349,7 +1388,7 @@ var BubbleListItems_default = ({ firstMessage = false, welcomeMessage = true, av
               onClick: () => chatStore.feedback(conversationState.active.id, message2.id, 2, index)
             }
           )
-        ] })
+        ] }) })
         // ...(isHasTime
         //   ? { rootClassName: styles.hasSendTime, classNames: { header: styles.sendTime }, header: <span>{formatDate(message.sendDate)}</span> }
         //   : {})
@@ -1719,6 +1758,7 @@ var Attachments_default = forwardRef(({ fileUpload, fileUploadConfig = [], fileL
       beforeUpload: (file, files) => onBeforeUpload(files),
       items: attachedFiles,
       onRemove,
+      overflow: "wrap",
       placeholder: (type) => type === "drop" ? { title: "\u5C06\u6587\u4EF6\u653E\u5230\u8FD9\u91CC" } : {
         icon: /* @__PURE__ */ jsx(CloudUploadOutlined, {}),
         title: "\u63D0\u4EA4\u6587\u4EF6",
@@ -1791,7 +1831,7 @@ var ChatSender_default = forwardRef(
         autoSize: { minRows: 2, maxRows: 6 },
         onCancel,
         footer: ({ components }) => {
-          const { SendButton, LoadingButton, SpeechButton } = components;
+          const { SendButton, LoadingButton } = components;
           return /* @__PURE__ */ jsxs(Flex, { vertical: true, children: [
             /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", gap: 12, children: [
               /* @__PURE__ */ jsxs(Flex, { className: "flex-1", gap: 6, align: "center", children: [
@@ -1799,10 +1839,7 @@ var ChatSender_default = forwardRef(
                 extraFooter,
                 " "
               ] }),
-              /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 6, children: [
-                /* @__PURE__ */ jsx(SpeechButton, {}),
-                loading ? /* @__PURE__ */ jsx(LoadingButton, { disabled: false }) : /* @__PURE__ */ jsx(SendButton, { ...sendBtnProps })
-              ] })
+              /* @__PURE__ */ jsx(Flex, { align: "center", gap: 6, children: loading ? /* @__PURE__ */ jsx(LoadingButton, { disabled: false }) : /* @__PURE__ */ jsx(SendButton, { ...sendBtnProps }) })
             ] }),
             extraFooterBelow
           ] });
@@ -1865,12 +1902,16 @@ var ChatSender_default2 = forwardRef(
       () => conversationState.messages[conversationState.active.id] || {},
       [conversationState.messages[conversationState.active.id]]
     );
+    const referenceContent = useMemo(() => {
+      const content = chatMessage.references?.content?.name;
+      if (content) {
+        return markdownToText(content);
+      }
+    }, [chatMessage.references]);
     const referenceHandle = (con) => {
       if (chatMessage?.loading) return;
       chatStore.setContent(con);
-      setTimeout(() => {
-        chatStore.sendMessage();
-      }, 10);
+      chatStore.sendMessage();
     };
     return /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 8, className: "zero-chat-sender", children: [
       /* @__PURE__ */ jsx(RenderWrapper, { control: prompts, DefaultComponent: SenderPromptsItems_default }),
@@ -1928,9 +1969,9 @@ var ChatSender_default2 = forwardRef(
             {
               title: /* @__PURE__ */ jsxs(Flex, { gap: 4, children: [
                 /* @__PURE__ */ jsx(EnterOutlined, {}),
-                /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", ellipsis: true, children: chatMessage?.references?.content?.name })
+                /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", ellipsis: true, children: referenceContent })
               ] }),
-              open: !!chatMessage?.references?.content?.name,
+              open: !!referenceContent,
               onOpenChange: () => chatStore.setReferences(),
               classNames: {
                 header: styles_module_default3.nsSenderReferenceHeaderTitle,