@ai-group/chat-sdk 2.0.0 → 2.0.2

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiChatbot/index.tsx"],
-  "sourcesContent": ["// 文件: components/XAiChatbot/index.tsx\n\nimport React, {\n  useRef,\n  useState,\n  useMemo,\n} from 'react';\nimport {\n  Tooltip,\n  GetProp,\n} from 'antd';\nimport {\n  Bubble,\n  Prompts,\n} from '@ant-design/x';\nimport {\n  UserOutlined,\n  RedoOutlined,\n  CopyOutlined,\n  DeleteOutlined,\n} from '@ant-design/icons';\nimport clsx from 'clsx';\nimport MarkdownIt from 'markdown-it';\nimport reactHtmlParser from 'react-html-parser';\nimport MarkdownGlobalStyle from '@/styles/markdown';\nimport {\n  MessageStatus,\n  MessageRole,\n  Messages,\n} from '@/types/XAiMessage';\nimport {\n  XAiChatbotProps,\n  ActionItem,\n} from '@/types/XAiChatbot';\nimport emptyIcon from '@/assets/empty.png';\nimport arrowUp from '@/assets/arrow-up.png';\nimport arrowDown from '@/assets/arrow-down.png';\nimport thinkIcon from '@/assets/think.png';\nimport groupIcon from '@/assets/group.png';\nimport arrowDownBlue from '@/assets/arrow-down-blue.png';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { useStyles, GlobalStyle } from './styles';\nimport XAiSender from '../XAiSender';\n\nconst styles = useStyles();\n\nconst md = new MarkdownIt({\n  html: true,\n  linkify: true,\n  typographer: true,\n});\n\n// 自定义 link_open 渲染规则\nconst defaultRender = md.renderer.rules.link_open || ((tokens, idx, options, env, self) => {\n  return self.renderToken(tokens, idx, options);\n});\n\n// a 标签打开规则\nmd.renderer.rules.link_open = (tokens, idx, options, env, self) => {\n  // 添加 target=\"_blank\"\n  const aIndex = tokens[idx].attrIndex('target');\n  if (aIndex < 0) {\n    tokens[idx].attrPush(['target', '_blank']);\n  } else {\n    tokens[idx].attrs![aIndex][1] = '_blank';\n  }\n  // 添加 rel=\"noopener noreferrer\"\n  const relIndex = tokens[idx].attrIndex('rel');\n  if (relIndex < 0) {\n    tokens[idx].attrPush(['rel', 'noopener noreferrer']);\n  } else {\n    tokens[idx].attrs![relIndex][1] = 'noopener noreferrer';\n  }\n  return defaultRender(tokens, idx, options, env, self);\n};\n\nexport interface ActionHeaderProps {\n  execute: any[];\n  thinks: string;\n}\n\n// ActionHeader 组件\nexport const ActionHeader: React.FC<ActionHeaderProps> = ({ execute = [], thinks = '' }) => {\n  const styles = useStyles();\n  const [expanded, setExpanded] = useState(true);\n  const [executeExpanded, setExecuteExpanded] = useState(false);\n\n  // 关键修复：只要有思考内容或执行过程就显示，不要同时要求两者都有\n  if (!thinks && (!execute || execute.length === 0)) return null;\n\n  const last = execute[execute.length - 1] || {};\n  const { name } = last;\n  const icon = last?.icon || last?.extra?.icon;\n\n  return (\n    <div className={styles.actionHeaderWrapper}>\n      {!expanded && (\n        <div className={styles.actionTitle} onClick={() => setExpanded((v) => !v)}>\n          <img src={thinkIcon} alt=\"icon\" className={styles.actionHeaderIcon} />\n          <span className={styles.flex1}>运行过程</span>\n          <img alt=\"展开icon\" src={arrowDown} className={styles.w('16px')} />\n        </div>\n      )}\n      {expanded && (\n        <div className={styles.actionHeaderDetail}>\n          <div className={styles.actionDetailTitle} onClick={() => setExpanded((v) => !v)}>\n            <img src={thinkIcon} alt=\"\" className={clsx(styles.w(14))} />\n            <div className={clsx(styles.flex1, styles.pl(10))}>隐藏运行过程</div>\n            <img alt=\"收起icon\" src={arrowUp} className={styles.w('16px')} />\n          </div>\n\n          {thinks && (\n            <div className={styles.actionDetailContent} style={{ whiteSpace: 'pre-line' }}>\n              {thinks}\n            </div>\n          )}\n\n          {execute && execute.length > 0 && (\n            <>\n              {!executeExpanded && (\n                <div className={styles.executeHiddenWrapper} onClick={() => setExecuteExpanded((v) => !v)}>\n                  {icon && <img src={icon} alt=\"icon\" className={styles.h(15)} />}\n                  <span className={styles.flex1}>{name}</span>\n                  <img alt=\"工具icon\" src={arrowDownBlue} className={styles.w('16px')} />\n                </div>\n              )}\n              {executeExpanded && (\n                <div className={styles.executeWrapper}>\n                  <div className={styles.executeTitle} onClick={() => setExecuteExpanded((v) => !v)}>\n                    <img src={groupIcon} alt=\"icon\" className={styles.executeHeaderIcon} />\n                    <span className={styles.flex1}>隐藏运行详情</span>\n                    <img alt=\"展开详情icon\" src={arrowUp} className={styles.w('16px')} />\n                  </div>\n                  <div className={styles.executeContent}>\n                    {execute.map((action: any, idx: number) => {\n                      const thinkIcon = action?.expandIcon || action?.extra?.expandIcon || action?.extra?.icon || action?.icon;\n                      const thinkCost = action?.cost || action?.extra?.cost;\n                      return (\n                        <div key={action.uniqueId || idx} className={styles.actionHeaderDetailItem}>\n                          {thinkIcon && <img src={thinkIcon} alt=\"icon\" className={styles.actionHeaderIcon} />}\n                          <span>{action?.name}</span>\n                          <span className={styles.actionHeaderCost}>{thinkCost ? `${thinkCost}s` : ''}</span>\n                        </div>\n                      );\n                    })}\n                  </div>\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\n// 默认消息功能区\nexport const defaultActions: ActionItem[] = [\n  {\n    key: 'redo',\n    icon: <RedoOutlined />,\n    tooltip: '重新生成',\n  },\n  {\n    key: 'copy',\n    icon: <CopyOutlined />,\n    tooltip: '复制',\n  },\n  {\n    key: 'delete',\n    icon: <DeleteOutlined />,\n    tooltip: '删除',\n  },\n];\n\nconst XAiChatbot: React.FC<XAiChatbotProps> = (props) => {\n  // 使用新的 Hook 来处理 Provider 上下文\n  const { mergedProps } = useChatbotContext(props);\n\n  const {\n    navbarShow = false,\n    navbar,\n    renderNavbar = null,\n    clearBtnShow = true,\n    inputShow = true,\n    // renderMessageContent,\n    // quickReplies = [],\n    // quickRepliesVisible = true,\n    // onQuickReplyClick,\n    loading: propLoading = false,\n    messageTooltip,\n    avatar,\n    userAvatar,\n    messages: propMessages,\n    text = '',\n    footerTips = '',\n    empty = null,\n    emptyStateImage = emptyIcon,\n    emptyStateText = '我的智能体',\n    messageActions = defaultActions,\n    onMessagesActionsCallback,\n    // 点击帮助消息\n    onSuggestMessageClick,\n    onSend,\n    onClear,\n    onStop,\n    providerId,\n    // 消息顶部\n    messageTop,\n  } = mergedProps;\n\n  // 如果在 Provider 中，使用 Provider 的状态\n  const messages = mergedProps.messages || propMessages || [];\n  const loading = mergedProps.loading || propLoading;\n\n  const [content, setContent] = useState<string>(text); // 输入框文本\n  const lastMessageId = useRef<string>('');\n  const isScriptScrolling = useRef<boolean>(false);\n  const chatId = providerId ? `za-chatbot-container-${providerId}` : 'za-chatbot-container';\n\n  // 滚动到最底部\n  const scrollToBottom = () => {\n    isScriptScrolling.current = true;\n    setTimeout(() => {\n      const mainChatWrapper = document.getElementById(chatId);\n      if (mainChatWrapper) {\n        mainChatWrapper.scrollTop = mainChatWrapper?.scrollHeight;\n      }\n      isScriptScrolling.current = false;\n    }, 0);\n  };\n\n  // 消息功能区组件\n  const FooterActions: React.FC<{ data: Messages; lastMessage: boolean }> = ({ data, lastMessage = false }) => (\n    <div className={clsx(styles.flex, styles.gap(13))}>\n      {messageActions.map((action: ActionItem, index: number) => {\n        if (!lastMessage && action.key === 'redo') return null;\n        return (\n          <Tooltip key={action.key} title={action.tooltip}>\n            <span className={styles.cursor('pointer')} onClick={() => onMessagesActionsCallback?.(index, data)}>\n              {action.icon}\n              {action.render?.(index, data)}\n            </span>\n          </Tooltip>\n        );\n      })}\n    </div>\n  );\n\n  // 消息底部区域\n  const MessageFooter: React.FC<{ data: Messages; lastMessage: boolean }> = ({ data, lastMessage = false }) => (\n    <>\n      {messageTooltip?.(data)}\n      <FooterActions data={data} lastMessage={lastMessage} />\n    </>\n  );\n\n  // 聊天角色\n  const rolesObject: GetProp<typeof Bubble.List, 'roles'> = {\n    assistant: {\n      placement: 'start',\n      avatar: { icon: avatar || <UserOutlined className={clsx(styles.bg('#fde3cf'), styles.userAvatar)} /> },\n      typing: { step: 5, interval: 20 },\n      style: {\n        maxWidth: 600,\n      },\n      classNames: {\n        content: 'assistant-content',\n      },\n    },\n    user: {\n      placement: 'end',\n      avatar: { icon: userAvatar || <UserOutlined className={clsx(styles.bg('#87d068'), styles.userAvatar)} /> },\n      classNames: {\n        content: 'user-content',\n      },\n    },\n    suggestion: {\n      placement: 'start',\n      avatar: { icon: <UserOutlined />, style: { visibility: 'hidden' } },\n      variant: 'borderless',\n    },\n  };\n\n  // 触发发送\n  const handleSend = (type: string, content: string) => {\n    if (content.trim()) {\n      // 直接使用合并后的 onSend，自动处理 Provider 和独立模式\n      onSend?.(type, content);\n      setContent(''); // 发送后清空输入框内容\n      scrollToBottom();\n    }\n  };\n\n  // 输出内容\n  const handleChange = (content: string) => {\n    setContent(content);\n  };\n\n  // 停止生成\n  const handleStop = () => {\n    onStop?.();\n  };\n\n  // 导航栏\n  const NavBar: React.FC = () => {\n    if (renderNavbar) {\n      return renderNavbar();\n    } if (navbar?.title) {\n      return (\n        <header className={styles.navbar}>\n          {navbar.avatar && <img src={navbar.avatar} className={styles.avatar} alt=\"\" />}\n          <div>\n            <div className={styles.title}>{navbar.title}</div>\n            <div className={styles.subtitle}>{navbar.subtitle}</div>\n          </div>\n        </header>\n      );\n    }\n    return <></>;\n  };\n\n  // 确认清除\n  const confirmClear = () => {\n    onClear?.();\n  };\n\n  // 空状态\n  const EmptyState = useMemo(() => () => (\n    empty || (\n    <div className={styles.emptyWrapper}>\n      <img src={emptyStateImage} alt=\"空状态图标\" className={styles.emptyImg} />\n      <div className={clsx(styles.text(16), styles.weight(600), styles.textColor('#343434'))}>{emptyStateText}</div>\n    </div>\n    )\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  ), [emptyStateImage, emptyStateText]);\n\n  return (\n    <>\n      <GlobalStyle />\n      <MarkdownGlobalStyle />\n      <div id=\"x-ai-chatbot\" className={styles.wrapper}>\n        { navbarShow && <NavBar /> }\n        {/** 消息容器 */}\n        <div className={styles.messageContainer}>\n          {/* 消息列表主体 */}\n          {\n            messages?.length\n              ? (\n                <Bubble.List\n                  id={chatId}\n                  roles={rolesObject}\n                  className={styles.messageList}\n                  items={messages.map((msg: any) => {\n                    const { id, role, status, type, execute = [], thinks = '', extra = { noFooter: false }, stepContent } = msg as Messages;\n                    // 最后一条 AI消息标识\n                    if (role === MessageRole.assistant) {\n                      lastMessageId.current = id;\n                    }\n                    // 会话内容\n                    const bubbleContent: any = {\n                      key: id,\n                      role,\n                      loading: status === MessageStatus.init,\n                      header: (() => messageTop\n                        || (\n                        <ActionHeader\n                          execute={execute}\n                          thinks={thinks}\n                        />\n                        )),\n                      content: (() => {\n                        // 文本消息\n                        if (type === 'TextMessage') {\n                          // 用户消息\n                          if (role === 'user') {\n                            return (\n                              <div\n                                className=\"ai-markdown-body\"\n                                style={{\n                                  minWidth: 0,\n                                  maxWidth: 600,\n                                }}\n                              >\n                                {msg.content?.text}\n                              </div>\n                            );\n                          }\n\n                          // 输出html字符串\n                          const html = md.render(msg.content?.text || '');\n                          // 生成React节点\n                          const htmlString = reactHtmlParser(html);\n                          return (\n                            <>\n                              {/* 输出阶段性回答内容 */}\n                              {stepContent?.length && stepContent.map((item) => {\n                                // 输出html字符串\n                                const html = md.render(item.content || '');\n                                // 生成React节点\n                                const stepHtmlString = reactHtmlParser(html);\n                                return (\n                                  <div\n                                    key={item.id}\n                                    className=\"ai-markdown-body step-content\"\n                                    style={{\n                                      minWidth: 0,\n                                      maxWidth: 600,\n                                    }}\n                                  >\n                                    <div>\n                                      {stepHtmlString}\n                                    </div>\n                                    <div className={styles.stepLine}></div>\n                                  </div>\n                                  )\n                                })}\n                              {/** 输出最终回答内容 */}\n                              <div\n                                className=\"ai-markdown-body\"\n                                style={{\n                                  minWidth: 0,\n                                  maxWidth: 600,\n                                }}\n                              >\n                                {htmlString}\n                              </div>\n                            </>\n                          );\n                        }\n                        // 提示类型\n                        if (type === 'SuggestionMessage') {\n                          return (\n                            <Prompts\n                              vertical\n                              items={msg.content as any}\n                              onItemClick={(info) => {\n                                onSuggestMessageClick?.(info.data, id, 'text');\n                                if (info.data.description) {\n                                  onSend?.('text', info.data.description as string);\n                                }\n                              }}\n                            />\n                          );\n                        }\n                        // 其他类型...\n                        return null;\n                      })(),\n                    };\n\n                    if (!extra.noFooter) {\n                      bubbleContent.footer = (() => {\n                        return (\n                          role === MessageRole.assistant && status !== MessageStatus.failed && (\n                            <>\n                              <MessageFooter data={msg as Messages} lastMessage={lastMessageId.current === id} />\n                            </>\n                          )\n                        );\n                      });\n                    }\n\n                    return bubbleContent;\n                  })}\n                />\n            )\n              : (\n                <EmptyState />\n            )\n          }\n        </div>\n        {/* 输入框 */}\n        { inputShow && (\n        <XAiSender\n          value={content}\n          loading={loading}\n          footerTips={footerTips}\n          clearBtnShow={clearBtnShow}\n          onChange={handleChange}\n          onSubmit={handleSend}\n          onStop={handleStop}\n          onClear={confirmClear}\n        />\n        ) }\n      </div>\n    </>\n  );\n};\n\nexport default XAiChatbot;\n"],
-  "mappings": "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",
-  "names": ["MarkdownIt", "styles", "React", "thinkIcon", "arrowDown", "clsx", "arrowUp", "arrowDownBlue", "groupIcon", "_a", "emptyIcon", "content", "MarkdownGlobalStyle", "reactHtmlParser", "html", "XAiSender"]
+  "sourcesContent": ["// 文件: components/XAiChatbot/index.tsx\n\nimport React, {\n  useRef,\n  useState,\n  useMemo,\n} from 'react';\nimport {\n  Tooltip,\n  GetProp,\n} from 'antd';\nimport {\n  Bubble,\n  Prompts,\n} from '@ant-design/x';\nimport {\n  UserOutlined,\n  RedoOutlined,\n  CopyOutlined,\n  DeleteOutlined,\n} from '@ant-design/icons';\nimport clsx from 'clsx';\nimport MarkdownIt from 'markdown-it';\nimport reactHtmlParser from 'react-html-parser';\nimport MarkdownGlobalStyle from '@/styles/markdown';\nimport {\n  MessageStatus,\n  MessageRole,\n  Messages,\n} from '@/types/XAiMessage';\nimport {\n  XAiChatbotProps,\n  ActionItem,\n} from '@/types/XAiChatbot';\nimport emptyIcon from '@/assets/empty.png';\nimport arrowUp from '@/assets/arrow-up.png';\nimport arrowDown from '@/assets/arrow-down.png';\nimport thinkIcon from '@/assets/think.png';\nimport groupIcon from '@/assets/group.png';\nimport arrowDownBlue from '@/assets/arrow-down-blue.png';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { useStyles, GlobalStyle } from './styles';\nimport XAiSender from '../XAiSender';\n\nconst md = new MarkdownIt({\n  html: true,\n  linkify: true,\n  typographer: true,\n});\n\n// 自定义 link_open 渲染规则\nconst defaultRender = md.renderer.rules.link_open || ((tokens, idx, options, env, self) => {\n  return self.renderToken(tokens, idx, options);\n});\n\n// a 标签打开规则\nmd.renderer.rules.link_open = (tokens, idx, options, env, self) => {\n  // 添加 target=\"_blank\"\n  const aIndex = tokens[idx].attrIndex('target');\n  if (aIndex < 0) {\n    tokens[idx].attrPush(['target', '_blank']);\n  } else {\n    tokens[idx].attrs![aIndex][1] = '_blank';\n  }\n  // 添加 rel=\"noopener noreferrer\"\n  const relIndex = tokens[idx].attrIndex('rel');\n  if (relIndex < 0) {\n    tokens[idx].attrPush(['rel', 'noopener noreferrer']);\n  } else {\n    tokens[idx].attrs![relIndex][1] = 'noopener noreferrer';\n  }\n  return defaultRender(tokens, idx, options, env, self);\n};\n\nexport interface ActionHeaderProps {\n  execute: any[];\n  thinks: string;\n}\n\n// ActionHeader 组件\nexport const ActionHeader: React.FC<ActionHeaderProps> = ({ execute = [], thinks = '' }) => {\n  const styles = useStyles();\n  const [expanded, setExpanded] = useState(true);\n  const [executeExpanded, setExecuteExpanded] = useState(false);\n\n  // 关键修复：只要有思考内容或执行过程就显示，不要同时要求两者都有\n  if (!thinks && (!execute || execute.length === 0)) return null;\n\n  const last = execute[execute.length - 1] || {};\n  const { name } = last;\n  const icon = last?.icon || last?.extra?.icon;\n\n  return (\n    <div className={styles.actionHeaderWrapper}>\n      {!expanded && (\n        <div className={styles.actionTitle} onClick={() => setExpanded((v) => !v)}>\n          <img src={thinkIcon} alt=\"icon\" className={styles.actionHeaderIcon} />\n          <span className={styles.flex1}>运行过程</span>\n          <img alt=\"展开icon\" src={arrowDown} className={styles.w('16px')} />\n        </div>\n      )}\n      {expanded && (\n        <div className={styles.actionHeaderDetail}>\n          <div className={styles.actionDetailTitle} onClick={() => setExpanded((v) => !v)}>\n            <img src={thinkIcon} alt=\"\" className={clsx(styles.w(14))} />\n            <div className={clsx(styles.flex1, styles.pl(10))}>隐藏运行过程</div>\n            <img alt=\"收起icon\" src={arrowUp} className={styles.w('16px')} />\n          </div>\n\n          {thinks && (\n            <div className={styles.actionDetailContent} style={{ whiteSpace: 'pre-line' }}>\n              {thinks}\n            </div>\n          )}\n\n          {execute && execute.length > 0 && (\n            <>\n              {!executeExpanded && (\n                <div className={styles.executeHiddenWrapper} onClick={() => setExecuteExpanded((v) => !v)}>\n                  {icon && <img src={icon} alt=\"icon\" className={styles.h(15)} />}\n                  <span className={styles.flex1}>{name}</span>\n                  <img alt=\"工具icon\" src={arrowDownBlue} className={styles.w('16px')} />\n                </div>\n              )}\n              {executeExpanded && (\n                <div className={styles.executeWrapper}>\n                  <div className={styles.executeTitle} onClick={() => setExecuteExpanded((v) => !v)}>\n                    <img src={groupIcon} alt=\"icon\" className={styles.executeHeaderIcon} />\n                    <span className={styles.flex1}>隐藏运行详情</span>\n                    <img alt=\"展开详情icon\" src={arrowUp} className={styles.w('16px')} />\n                  </div>\n                  <div className={styles.executeContent}>\n                    {execute.map((action: any, idx: number) => {\n                      const thinkIcon2 = action?.expandIcon || action?.extra?.expandIcon || action?.extra?.icon || action?.icon;\n                      const thinkCost = action?.cost || action?.extra?.cost;\n                      return (\n                        <div key={action.uniqueId || idx} className={styles.actionHeaderDetailItem}>\n                          {thinkIcon2 && <img src={thinkIcon2} alt=\"icon\" className={styles.actionHeaderIcon} />}\n                          <span>{action?.name}</span>\n                          <span className={styles.actionHeaderCost}>{thinkCost ? `${thinkCost}s` : ''}</span>\n                        </div>\n                      );\n                    })}\n                  </div>\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\n// 默认消息功能区\nexport const defaultActions: ActionItem[] = [\n  {\n    key: 'redo',\n    icon: <RedoOutlined />,\n    tooltip: '重新生成',\n  },\n  {\n    key: 'copy',\n    icon: <CopyOutlined />,\n    tooltip: '复制',\n  },\n  {\n    key: 'delete',\n    icon: <DeleteOutlined />,\n    tooltip: '删除',\n  },\n];\n\nconst XAiChatbot: React.FC<XAiChatbotProps> = (props) => {\n  const styles = useStyles();\n  // 使用新的 Hook 来处理 Provider 上下文\n  const { mergedProps } = useChatbotContext(props);\n\n  const {\n    navbarShow = false,\n    navbar,\n    renderNavbar = null,\n    clearBtnShow = true,\n    inputShow = true,\n    // renderMessageContent,\n    // quickReplies = [],\n    // quickRepliesVisible = true,\n    // onQuickReplyClick,\n    loading: propLoading = false,\n    messageTooltip,\n    avatar,\n    userAvatar,\n    messages: propMessages,\n    text = '',\n    footerTips = '',\n    empty = null,\n    emptyStateImage = emptyIcon,\n    emptyStateText = '我的智能体',\n    messageActions = defaultActions,\n    onMessagesActionsCallback,\n    // 点击帮助消息\n    onSuggestMessageClick,\n    onSend,\n    onClear,\n    onStop,\n    providerId,\n    // 消息顶部\n    messageTop,\n  } = mergedProps;\n\n  // 如果在 Provider 中，使用 Provider 的状态\n  const messages = mergedProps.messages || propMessages || [];\n  const loading = mergedProps.loading || propLoading;\n\n  const [content, setContent] = useState<string>(text); // 输入框文本\n  const lastMessageId = useRef<string>('');\n  const isScriptScrolling = useRef<boolean>(false);\n  const chatId = providerId ? `za-chatbot-container-${providerId}` : 'za-chatbot-container';\n\n  // 滚动到最底部\n  const scrollToBottom = () => {\n    isScriptScrolling.current = true;\n    setTimeout(() => {\n      const mainChatWrapper = document.getElementById(chatId);\n      if (mainChatWrapper) {\n        mainChatWrapper.scrollTop = mainChatWrapper?.scrollHeight;\n      }\n      isScriptScrolling.current = false;\n    }, 0);\n  };\n\n  // 消息功能区组件\n  const FooterActions: React.FC<{ data: Messages; lastMessage: boolean }> = ({ data, lastMessage = false }) => (\n    <div className={clsx(styles.flex, styles.gap(13))}>\n      {messageActions.map((action: ActionItem, index: number) => {\n        if (!lastMessage && action.key === 'redo') return null;\n        return (\n          <Tooltip key={action.key} title={action.tooltip}>\n            <span className={styles.cursor('pointer')} onClick={() => onMessagesActionsCallback?.(index, data)}>\n              {action.icon}\n              {action.render?.(index, data)}\n            </span>\n          </Tooltip>\n        );\n      })}\n    </div>\n  );\n\n  // 消息底部区域\n  const MessageFooter: React.FC<{ data: Messages; lastMessage: boolean }> = ({ data, lastMessage = false }) => (\n    <>\n      {messageTooltip?.(data)}\n      <FooterActions data={data} lastMessage={lastMessage} />\n    </>\n  );\n\n  // 聊天角色\n  const rolesObject: GetProp<typeof Bubble.List, 'roles'> = {\n    assistant: {\n      placement: 'start',\n      avatar: { icon: avatar || <UserOutlined className={clsx(styles.bg('#fde3cf'), styles.userAvatar)} /> },\n      typing: { step: 5, interval: 20 },\n      style: {\n        maxWidth: 600,\n      },\n      classNames: {\n        content: 'assistant-content',\n      },\n    },\n    user: {\n      placement: 'end',\n      avatar: { icon: userAvatar || <UserOutlined className={clsx(styles.bg('#87d068'), styles.userAvatar)} /> },\n      classNames: {\n        content: 'user-content',\n      },\n    },\n    suggestion: {\n      placement: 'start',\n      avatar: { icon: <UserOutlined />, style: { visibility: 'hidden' } },\n      variant: 'borderless',\n    },\n  };\n\n  // 触发发送\n  const handleSend = (type: string, str: string) => {\n    if (str.trim()) {\n      // 直接使用合并后的 onSend，自动处理 Provider 和独立模式\n      onSend?.(type, str);\n      setContent(''); // 发送后清空输入框内容\n      scrollToBottom();\n    }\n  };\n\n  // 输出内容\n  const handleChange = (str: string) => {\n    setContent(str);\n  };\n\n  // 停止生成\n  const handleStop = () => {\n    onStop?.();\n  };\n\n  // 导航栏\n  const NavBar: React.FC = () => {\n    if (renderNavbar) {\n      return renderNavbar();\n    } if (navbar?.title) {\n      return (\n        <header className={styles.navbar}>\n          {navbar.avatar && <img src={navbar.avatar} className={styles.avatar} alt=\"\" />}\n          <div>\n            <div className={styles.title}>{navbar.title}</div>\n            <div className={styles.subtitle}>{navbar.subtitle}</div>\n          </div>\n        </header>\n      );\n    }\n    return <></>;\n  };\n\n  // 确认清除\n  const confirmClear = () => {\n    onClear?.();\n  };\n\n  // 空状态\n  const EmptyState = useMemo(() => () => (\n    empty || (\n    <div className={styles.emptyWrapper}>\n      <img src={emptyStateImage} alt=\"空状态图标\" className={styles.emptyImg} />\n      <div className={clsx(styles.text(16), styles.weight(600), styles.textColor('#343434'))}>{emptyStateText}</div>\n    </div>\n    )\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  ), [emptyStateImage, emptyStateText]);\n\n  return (\n    <>\n      <GlobalStyle />\n      <MarkdownGlobalStyle />\n      <div id=\"x-ai-chatbot\" className={styles.wrapper}>\n        { navbarShow && <NavBar /> }\n        {/** 消息容器 */}\n        <div className={styles.messageContainer}>\n          {/* 消息列表主体 */}\n          {\n            messages?.length\n              ? (\n                <Bubble.List\n                  id={chatId}\n                  roles={rolesObject}\n                  className={styles.messageList}\n                  items={messages.map((msg: any) => {\n                    const { id, role, status, type, execute = [], thinks = '', extra = { noFooter: false }, stepContent } = msg as Messages;\n                    // 最后一条 AI消息标识\n                    if (role === MessageRole.assistant) {\n                      lastMessageId.current = id;\n                    }\n                    // 会话内容\n                    const bubbleContent: any = {\n                      key: id,\n                      role,\n                      loading: status === MessageStatus.init,\n                      header: (() => messageTop\n                        || (\n                        <ActionHeader\n                          execute={execute}\n                          thinks={thinks}\n                        />\n                        )),\n                      content: (() => {\n                        // 文本消息\n                        if (type === 'TextMessage') {\n                          // 用户消息\n                          if (role === 'user') {\n                            return (\n                              <div\n                                className=\"ai-markdown-body\"\n                                style={{\n                                  minWidth: 0,\n                                  maxWidth: 600,\n                                }}\n                              >\n                                {msg.content?.text}\n                              </div>\n                            );\n                          }\n\n                          // 输出html字符串\n                          const html = md.render(msg.content?.text || '');\n                          // 生成React节点\n                          const htmlString = reactHtmlParser(html);\n                          return (\n                            <>\n                              {/* 输出阶段性回答内容 */}\n                              {stepContent?.length && stepContent.map((item) => {\n                                // 输出html字符串\n                                const html2 = md.render(item.content || '');\n                                // 生成React节点\n                                const stepHtmlString = reactHtmlParser(html2);\n                                return (\n                                  <div\n                                    key={item.id}\n                                    className=\"ai-markdown-body step-content\"\n                                    style={{\n                                      minWidth: 0,\n                                      maxWidth: 600,\n                                    }}\n                                  >\n                                    <div>\n                                      {stepHtmlString}\n                                    </div>\n                                    <div className={styles.stepLine} />\n                                  </div>\n                                );\n                              })}\n                              {/** 输出最终回答内容 */}\n                              <div\n                                className=\"ai-markdown-body\"\n                                style={{\n                                  minWidth: 0,\n                                  maxWidth: 600,\n                                }}\n                              >\n                                {htmlString}\n                              </div>\n                            </>\n                          );\n                        }\n                        // 提示类型\n                        if (type === 'SuggestionMessage') {\n                          return (\n                            <Prompts\n                              vertical\n                              items={msg.content as any}\n                              onItemClick={(info) => {\n                                onSuggestMessageClick?.(info.data, id, 'text');\n                                if (info.data.description) {\n                                  onSend?.('text', info.data.description as string);\n                                }\n                              }}\n                            />\n                          );\n                        }\n                        // 其他类型...\n                        return null;\n                      })(),\n                    };\n\n                    if (!extra.noFooter) {\n                      bubbleContent.footer = (() => {\n                        return (\n                          role === MessageRole.assistant && status !== MessageStatus.failed && (\n                            <>\n                              <MessageFooter data={msg as Messages} lastMessage={lastMessageId.current === id} />\n                            </>\n                          )\n                        );\n                      });\n                    }\n\n                    return bubbleContent;\n                  })}\n                />\n            )\n              : (\n                <EmptyState />\n            )\n          }\n        </div>\n        {/* 输入框 */}\n        { inputShow && (\n        <XAiSender\n          value={content}\n          loading={loading}\n          footerTips={footerTips}\n          clearBtnShow={clearBtnShow}\n          onChange={handleChange}\n          onSubmit={handleSend}\n          onStop={handleStop}\n          onClear={confirmClear}\n        />\n        ) }\n      </div>\n    </>\n  );\n};\n\nexport default XAiChatbot;\n"],
+  "mappings": "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",
+  "names": ["MarkdownIt", "thinkIcon", "arrowDown", "clsx", "arrowUp", "arrowDownBlue", "groupIcon", "_a", "emptyIcon", "MarkdownGlobalStyle", "reactHtmlParser", "XAiSender"]
 }

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

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/XAiChatbot/styles.tsx
@@ -33,10 +23,10 @@ __export(styles_exports, {
   useStyles: () => useStyles
 });
 module.exports = __toCommonJS(styles_exports);
-var import_react = __toESM(require("react"));
 var import_css = require("@emotion/css");
-var import_react2 = require("@emotion/react");
+var import_react = require("@emotion/react");
 var import_common = require("../../styles/common");
+var import_jsx_runtime = require("react/jsx-runtime");
 var useStyles = (0, import_common.withBasicStyles)(() => ({
   // 静态样式
   wrapper: import_css.css`
@@ -309,10 +299,10 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     margin: 12px;
   `
 }));
-var GlobalStyle = () => /* @__PURE__ */ import_react.default.createElement(
-  import_react2.Global,
+var GlobalStyle = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_react.Global,
   {
-    styles: import_react2.css`
+    styles: import_react.css`
       .ant-bubble-footer {
         display: flex;
         align-items: center;

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/XAiChatbot/styles.tsx"],
   "sourcesContent": ["import React from 'react';\nimport { css } from '@emotion/css';\nimport { css as globalCss, Global } from '@emotion/react';\nimport { withBasicStyles, primaryBlue, lightBlue, darkGray, lightGray, borderGray  } from '@/styles/common';\n\nexport const useStyles = withBasicStyles(() => ({\n  // 静态样式\n  wrapper: css`\n    display: flex;\n    flex-direction: column;\n    // max-height: 812px;\n    min-height: 300px;\n    max-width: 800px;\n    width: 100%;\n    height: 100%;\n    min-width: 375px;\n    // background-color: #fff;\n    // border: 1px solid rgba(80,96,122,.15);\n    border-radius: 12px;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n      Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  `,\n\n  navbar: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid ${borderGray};\n    // background-color: #fff;\n  `,\n\n  userAvatar: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 32px;\n    width: 32px;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-right: 12px;\n  `,\n\n  avatar: css`\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-right: 12px;\n    border: 1px solid ${borderGray};\n  `,\n\n  title: css`\n    font-weight: 600;\n    font-size: 16px;\n    color: ${darkGray};\n  `,\n\n  subtitle: css`\n    font-size: 12px;\n    color: ${lightGray};\n    margin-top: 2px;\n  `,\n\n  messageContainer: css`\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px 0;\n    // background-color: #fff;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-height: 0;\n    position: relative;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  `,\n\n  messageList: css`\n    padding: 0 16px;\n    /* 隐藏 webkit 浏览器的滚动条 */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    \n    /* 隐藏 Firefox 的滚动条 */\n    scrollbar-width: none;\n    \n    /* 隐藏 IE 的滚动条 */\n    -ms-overflow-style: none;\n  `,\n\n  emptyWrapper: css`\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: '#222';\n    user-select: none;\n  `,\n\n  emptyImg: css`\n    width: 60px;\n    height: 60px;\n    border-radius: 8px;\n    margin-bottom: 16px;\n  `,\n\n  message: css`\n    max-width: 70%;\n    padding: 10px 14px;\n    border-radius: 20px;\n    background-color: ${lightBlue};\n    color: ${darkGray};\n    font-size: 14px;\n    line-height: 1.4;\n    word-break: break-word;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  `,\n\n  messageRight: css`\n    align-self: flex-end;\n    background-color: ${primaryBlue};\n    color: white;\n    border-bottom-right-radius: 4px;\n    border-bottom-left-radius: 20px;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n  `,\n\n  quickReplies: css`\n    display: flex;\n    gap: 8px;\n    padding: 10px 16px;\n    border-top: 1px solid ${borderGray};\n    background-color: #fff;\n    overflow-x: auto;\n  `,\n\n  replyItem: css`\n    padding: 6px 12px;\n    font-size: 13px;\n    border: 1px solid ${primaryBlue};\n    border-radius: 20px;\n    background-color: #fff;\n    color: ${primaryBlue};\n    cursor: pointer;\n    white-space: nowrap;\n    user-select: none;\n    transition: all 0.2s ease;\n  \n    &:hover {\n      background-color: ${primaryBlue};\n      color: #fff;\n    }\n  `,\n\n  highlight: css`\n    background-color: ${primaryBlue};\n    color: white;\n    border-color: ${primaryBlue};\n  `,\n\n  stepLine: css`\n    border-top: 1px dashed #C3CFFB;\n    width: 100%;\n    margin: 16px 0;\n  `,\n\n  inputBar: css`\n    display: flex;\n    align-items: center;\n    padding: 10px 16px;\n    border-top: 1px solid ${borderGray};\n    background-color: #fff;\n  `,\n\n  input: css`\n    flex: 1;\n    padding: 8px 12px;\n    border: 1px solid ${borderGray};\n    border-radius: 20px;\n    font-size: 14px;\n    outline: none;\n  \n    &:focus {\n      border-color: ${primaryBlue};\n      box-shadow: 0 0 3px ${primaryBlue};\n    }\n  `,\n  actionDetailContent: css`\n    border-left: 1px solid #C1C3CD;\n    padding-right: 16px;\n    padding-left: 11px;\n    margin-bottom: 12px;\n    margin-left: 25px;\n    font-weight: 400;\n    font-size: 14px;\n    color: #767985;\n    line-height: 20px;\n    display: inline-block;\n    white-space: 'pre-line';\n  `,\n  actionHeaderWrapper: css`\n    margin-bottom: 12px;\n  `,\n  actionHeaderIcon: css`\n    height: 14px;\n    margin-right: 5px;\n  `,\n  actionHeaderDetail: css`\n    background: #F3F5FA;\n    border-radius: 8px;\n    overflow: hidden;\n  `,\n  actionDetailTitle: css`\n    display: flex;\n    align-items: center;\n    padding: 0 16px;\n    box-sizing: border-box;\n    background: #EDEFF5;\n    height: 32px;\n    margin-bottom: 12px;\n    cursor: pointer;\n  `,\n  executeHeaderIcon: css`\n    height: 12px;\n    padding-right: 10px !important;\n  `,\n  actionTitle: css`\n    display: flex;\n    align-items: center;\n    padding: 0 16px;\n    box-sizing: border-box;\n    background: #EDEFF5;\n    height: 32px;\n    margin-bottom: 12px;\n    cursor: pointer;\n    border-radius: 8px;\n    min-width: 200px;\n  `,\n  actionHeaderDetailItem: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    padding: 0 16px;\n    margin-bottom: 12px;\n    color: #949494;\n  `,\n  actionHeaderCost: css`\n    margin-left: auto;\n    color: #888;\n    font-size: 12px;\n    min-width: 32px;\n    text-align: right;\n  `,\n  executeHiddenWrapper: css`\n    background: #FFFFFF;\n    border-radius: 8px;\n    margin: 12px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    height: 40px;\n    box-sizing: border-box;\n    padding: 0px 16px;\n    font-size: 14px;\n    margin-bottom: 12px;\n    color: #3961F2;\n  `,\n  executeTitle: css`\n    display: flex;\n    align-items: center;\n    padding: 6px 16px;\n    height: 40px;\n    box-sizing: border-box;\n    cursor: pointer;\n  `,\n  executeContent: css`\n    border-top: 1px solid rgba(0,0,0,0.08);\n    padding-top: 10px;\n  `,\n  executeWrapper: css`\n    background: #FFFFFF;\n    border-radius: 8px;\n    padding-bottom: 1px;\n    margin: 12px;\n  `,\n}));\n\nexport const GlobalStyle: React.FC = () => (\n  <Global\n    styles={globalCss`\n      .ant-bubble-footer {\n        display: flex;\n        align-items: center;\n        min-width: 0,\n        max-width: 600,\n        /* 你想覆盖的其他样式 */\n      }\n\n      .ant-sender-content {\n        textarea {\n          word-break: break-all;\n        }\n      }\n\n      .ant-avatar {\n        background-color: transparent;\n      }\n\n      .ant-sender-actions-list {\n        margin-left: -40px;\n      }\n\n      .ant-sender {\n        box-shadow: none !important;\n      }\n\n      .ant-prompts-item {\n        padding-block: 8px !important;\n      }\n\n      /* 用户消息气泡背景色 */\n      .ant-bubble .user-content {\n        background-color: #D8E0FD;\n      }\n\n      /* 助手消息气泡背景色 */\n      .ant-bubble .assistant-content {\n        background-color: transparent;\n        min-height: 0;\n        padding: 0;\n      }\n    `}\n  />\n);\n"],
-  "mappings": "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",
-  "names": ["import_react", "React", "globalCss"]
+  "mappings": "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",
+  "names": ["globalCss"]
 }

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

@@ -33,8 +33,8 @@ __export(XAiConversations_stories_exports, {
   基础用法: () => 基础用法
 });
 module.exports = __toCommonJS(XAiConversations_stories_exports);
-var import_react = __toESM(require("react"));
 var import__ = __toESM(require("."));
+var import_jsx_runtime = require("react/jsx-runtime");
 var meta = {
   title: "AI组件/XAiConversations 对话记录管理",
   component: import__.default,
@@ -51,7 +51,7 @@ var BasicUsageStory = (args) => {
     label: `聊天记录 ${index + 1}`,
     disabled: index === 3
   }));
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       style: {
@@ -61,14 +61,14 @@ var BasicUsageStory = (args) => {
         display: "flex",
         alignItems: "center",
         paddingInline: "50px"
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import__.default,
-      {
-        sessionList: items
-      }
-    )
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import__.default,
+        {
+          sessionList: items
+        }
+      )
+    }
   );
 };
 var 基础用法 = {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/XAiConversations/XAiConversations.stories.tsx"],
   "sourcesContent": ["import React from 'react';\nimport type { ConversationsProps } from '@ant-design/x';\nimport { type GetProp } from 'antd';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport XAiConversations from '.';\n\nconst meta: Meta<typeof XAiConversations> = {\n  title: 'AI组件/XAiConversations 对话记录管理',\n  component: XAiConversations,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n  },\n};\n\nexport default meta;\n  type Story = StoryObj<typeof meta>;\n\nconst BasicUsageStory = (args: any) => {\n  const items: GetProp<ConversationsProps, 'items'> = Array.from({ length: 4 }).map((_, index) => ({\n    key: `item${index + 1}`,\n    label: `聊天记录 ${index + 1}`,\n    disabled: index === 3,\n  }));\n\n  return (\n    <div style={{\n      backgroundColor: 'rgb(240, 242, 245)',\n      minHeight: '300px',\n      minWidth: '700px',\n      display: 'flex',\n      alignItems: 'center',\n      paddingInline: '50px',\n    }}\n    >\n      <XAiConversations\n        sessionList={items}\n      />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {\n  },\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAIlB,eAA6B;AAE7B,IAAM,OAAsC;AAAA,EAC1C,OAAO;AAAA,EACP,WAAW,SAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU,CACV;AACF;AAEA,IAAO,mCAAQ;AAGf,IAAM,kBAAkB,CAAC,SAAc;AACrC,QAAM,QAA8C,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,WAAW;AAAA,IAC/F,KAAK,OAAO,QAAQ;AAAA,IACpB,OAAO,QAAQ,QAAQ;AAAA,IACvB,UAAU,UAAU;AAAA,EACtB,EAAE;AAEF,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MAAI,OAAO;AAAA,QACV,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,eAAe;AAAA,MACjB;AAAA;AAAA,IAEE,6BAAAA,QAAA;AAAA,MAAC,SAAAD;AAAA,MAAA;AAAA,QACC,aAAa;AAAA;AAAA,IACf;AAAA,EACF;AAEJ;AAEO,IAAM,OAAc;AAAA,EACzB,QAAQ;AAAA,EACR,MAAM,CACN;AACF;",
-  "names": ["XAiConversations", "React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,eAA6B;AAiCvB;AA/BN,IAAM,OAAsC;AAAA,EAC1C,OAAO;AAAA,EACP,WAAW,SAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU,CACV;AACF;AAEA,IAAO,mCAAQ;AAGf,IAAM,kBAAkB,CAAC,SAAc;AACrC,QAAM,QAA8C,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,WAAW;AAAA,IAC/F,KAAK,OAAO,QAAQ;AAAA,IACpB,OAAO,QAAQ,QAAQ;AAAA,IACvB,UAAU,UAAU;AAAA,EACtB,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MAAI,OAAO;AAAA,QACV,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,eAAe;AAAA,MACjB;AAAA,MAEE;AAAA,QAAC,SAAAA;AAAA,QAAA;AAAA,UACC,aAAa;AAAA;AAAA,MACf;AAAA;AAAA,EACF;AAEJ;AAEO,IAAM,OAAc;AAAA,EACzB,QAAQ;AAAA,EACR,MAAM,CACN;AACF;",
+  "names": ["XAiConversations"]
 }

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

@@ -32,18 +32,19 @@ __export(XAiConversations_exports, {
   default: () => XAiConversations_default
 });
 module.exports = __toCommonJS(XAiConversations_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_x = require("@ant-design/x");
 var import_icons = require("@ant-design/icons");
 var import_antd = require("antd");
+var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
+var import_clsx = __toESM(require("clsx"));
 var import_useProviderContext = require("../../hooks/useProviderContext");
 var import_logo = __toESM(require("../../assets/logo.png"));
 var import_AddChatIcon = __toESM(require("../../assets/svg/AddChatIcon"));
 var import_flash_open = __toESM(require("../../assets/flash-open.svg?url"));
-var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
 var import_constants = require("../../constants");
-var import_clsx = __toESM(require("clsx"));
 var import_styles = require("./styles");
+var import_jsx_runtime = require("react/jsx-runtime");
 var XAiConversations = (props) => {
   const styles = (0, import_styles.useStyles)();
   const { mergedProps } = (0, import_useProviderContext.useChatbotContext)(props);
@@ -76,45 +77,64 @@ var XAiConversations = (props) => {
       setAnimateDirection(null);
     }, 300);
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_styles.GlobalStyle, null), (!listVisible || isNarrow) && /* @__PURE__ */ import_react.default.createElement("div", { className: styles.capWrapper }, /* @__PURE__ */ import_react.default.createElement("img", { alt: "logo", src: import_logo.default, className: (0, import_clsx.default)(styles.w(32), styles.h(29)) }), /* @__PURE__ */ import_react.default.createElement("div", { className: styles.capShape }, /* @__PURE__ */ import_react.default.createElement("div", { className: styles.capIcon }, /* @__PURE__ */ import_react.default.createElement("img", { src: import_flash_open.default, alt: "", onClick: handleShowList })), /* @__PURE__ */ import_react.default.createElement("div", { className: styles.capIcon }, /* @__PURE__ */ import_react.default.createElement(import_AddChatIcon.default, { className: (0, import_clsx.default)(styles.w(17), styles.text("#343434")), onClick: handleNewChat })))), /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      style: { display: listVisible ? "block" : "none" },
-      className: (0, import_clsx.default)(
-        isNarrow ? styles.nWrapper : styles.fWrapper,
-        animateDirection === "in" && styles.slideIn,
-        animateDirection === "out" && styles.slideOut
-      )
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: styles.fheaderWrapper }, /* @__PURE__ */ import_react.default.createElement("img", { alt: "logo", src: import_logo.default, className: (0, import_clsx.default)(styles.w(32), styles.h(29)) }), /* @__PURE__ */ import_react.default.createElement("div", { className: styles.capIcon }, /* @__PURE__ */ import_react.default.createElement("img", { src: import_flash_open.default, alt: "", onClick: handleCloseList }))),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: styles.addChatBtn, onClick: handleNewChat }, /* @__PURE__ */ import_react.default.createElement(import_AddChatIcon.default, { className: (0, import_clsx.default)(styles.w(17), styles.mr(10)) }), "开启新对话"),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: styles.tipTitle }, "历史对话"),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: styles.scrollList }, /* @__PURE__ */ import_react.default.createElement(
-      import_react_infinite_scroll_component.default,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.GlobalStyle, {}),
+    (!listVisible || isNarrow) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.capWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { alt: "logo", src: import_logo.default, className: (0, import_clsx.default)(styles.w(32), styles.h(29)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.capShape, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.capIcon, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: import_flash_open.default, alt: "", onClick: handleShowList }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.capIcon, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AddChatIcon.default, { className: (0, import_clsx.default)(styles.w(17), styles.text("#343434")), onClick: handleNewChat }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
       {
-        dataLength: sessionList.length,
-        next: loadMoreSessions,
-        hasMore: false,
-        loader: /* @__PURE__ */ import_react.default.createElement("div", { style: { textAlign: "center" } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { indicator: /* @__PURE__ */ import_react.default.createElement(import_icons.RedoOutlined, { spin: true }), size: "small" })),
-        endMessage: sessionList.length === import_constants.SESSION_PAGE_SIZE && /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { plain: true }, /* @__PURE__ */ import_react.default.createElement("span", { className: styles.textColor("#949494") }, "只展示前 50 条数据")),
-        style: { overflow: "hidden", paddingBottom: "5px" }
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_x.Conversations,
-        {
-          activeKey,
-          onActiveChange: (v) => handleSwitchTab(v),
-          items: sessionList,
-          menu,
-          style: {
-            width: 256,
-            borderRadius: "6px",
-            ...style
-          }
-        }
-      )
-    ))
-  ), isNarrow && listVisible && /* @__PURE__ */ import_react.default.createElement("div", { className: styles.mask, onClick: handleCloseList }));
+        style: { display: listVisible ? "block" : "none" },
+        className: (0, import_clsx.default)(
+          isNarrow ? styles.nWrapper : styles.fWrapper,
+          animateDirection === "in" && styles.slideIn,
+          animateDirection === "out" && styles.slideOut
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fheaderWrapper, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { alt: "logo", src: import_logo.default, className: (0, import_clsx.default)(styles.w(32), styles.h(29)) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.capIcon, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: import_flash_open.default, alt: "", onClick: handleCloseList }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.addChatBtn, onClick: handleNewChat, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AddChatIcon.default, { className: (0, import_clsx.default)(styles.w(17), styles.mr(10)) }),
+            "开启新对话"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.tipTitle, children: "历史对话" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.scrollList, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_react_infinite_scroll_component.default,
+            {
+              dataLength: sessionList.length,
+              next: loadMoreSessions,
+              hasMore: false,
+              loader: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Spin, { indicator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.RedoOutlined, { spin: true }), size: "small" }) }),
+              endMessage: sessionList.length === import_constants.SESSION_PAGE_SIZE && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Divider, { plain: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.textColor("#949494"), children: "只展示前 50 条数据" }) }),
+              style: { overflow: "hidden", paddingBottom: "5px" },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_x.Conversations,
+                {
+                  activeKey,
+                  onActiveChange: (v) => handleSwitchTab(v),
+                  items: sessionList,
+                  menu,
+                  style: {
+                    width: 256,
+                    borderRadius: "6px",
+                    ...style
+                  }
+                }
+              )
+            }
+          ) })
+        ]
+      }
+    ),
+    isNarrow && listVisible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.mask, onClick: handleCloseList })
+  ] });
 };
 var XAiConversations_default = XAiConversations;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiConversations/index.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport { Conversations } from '@ant-design/x';\nimport { RedoOutlined } from '@ant-design/icons';\nimport { Spin, Divider } from 'antd';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { type XAiConversationsProps } from '@/types/XAiConversations';\nimport logo from '@/assets/logo.png';\nimport AddChatIcon from '@/assets/svg/AddChatIcon';\nimport flashOpen from '@/assets/flash-open.svg?url';\nimport InfiniteScroll from 'react-infinite-scroll-component';\nimport { SESSION_PAGE_SIZE } from '@/constants';\nimport clsx from 'clsx';\nimport { useStyles, GlobalStyle } from './styles';\n\nconst XAiConversations: React.FC<XAiConversationsProps> = (props) => {\n  const styles = useStyles();\n  const { mergedProps } = useChatbotContext(props);\n  const {\n    isNarrow = false,\n    sessionList,\n    style,\n    onActiveChange,\n    onNewChat,\n    loadMoreSessions,\n    activeKey,\n    menu,\n  } = mergedProps;\n\n  const [listVisible, setListVisible] = useState(false);\n  const [animateDirection, setAnimateDirection] = useState<'in' | 'out' | null>(null);\n\n  const handleSwitchTab = (key: string) => {\n    onActiveChange?.(key);\n  };\n\n  const handleNewChat = () => {\n    onNewChat?.();\n  };\n\n  const handleShowList = () => {\n    setListVisible(true);\n    setAnimateDirection('in');\n  };\n\n  const handleCloseList = () => {\n    setAnimateDirection('out');\n    setTimeout(() => {\n      setListVisible(false);\n      setAnimateDirection(null);\n    }, 300);\n  };\n\n  return (\n    <div>\n      <GlobalStyle />\n      {/**顶部操作栏 */}\n      {\n        (!listVisible || isNarrow) && (\n          <div className={styles.capWrapper}>\n            <img alt=\"logo\" src={logo} className={clsx(styles.w(32), styles.h(29))}/>\n            <div className={styles.capShape}>\n              <div className={styles.capIcon}>\n                <img src={flashOpen} alt=\"\" onClick={handleShowList} />\n              </div>\n              <div className={styles.capIcon}>\n                <AddChatIcon className={clsx(styles.w(17), styles.text('#343434'))} onClick={handleNewChat} />\n              </div>\n            </div>\n          </div>\n        )\n      }\n\n      {/* 会话列表 */}\n      <div\n        style={{ display: listVisible ? 'block' : 'none' }}\n        className={clsx(\n          isNarrow ? styles.nWrapper : styles.fWrapper,\n          animateDirection === 'in' && styles.slideIn,\n          animateDirection === 'out' && styles.slideOut\n        )}\n      >\n        {/* 固定头部 */}\n        <div className={styles.fheaderWrapper}>\n          <img alt=\"logo\" src={logo} className={clsx(styles.w(32), styles.h(29))}/>\n          <div className={styles.capIcon}>\n            <img src={flashOpen} alt=\"\" onClick={handleCloseList} />\n          </div>\n        </div>\n        <div className={styles.addChatBtn} onClick={handleNewChat}>\n          <AddChatIcon className={clsx(styles.w(17), styles.mr(10))} />\n          开启新对话\n        </div>\n        <div className={styles.tipTitle}>历史对话</div>\n\n        {/* 滚动区域 */}\n        <div className={styles.scrollList}>\n          <InfiniteScroll\n            dataLength={sessionList.length}\n            next={loadMoreSessions}\n            hasMore={false}\n            loader={\n              <div style={{ textAlign: 'center' }}>\n                <Spin indicator={<RedoOutlined spin />} size=\"small\" />\n              </div>\n            }\n            endMessage={sessionList.length === SESSION_PAGE_SIZE && <Divider plain><span className={styles.textColor('#949494')}>只展示前 50 条数据</span></Divider>}\n            style={{ overflow: 'hidden', paddingBottom: '5px' }}\n          >\n            <Conversations\n              activeKey={activeKey}\n              onActiveChange={(v) => handleSwitchTab(v)}\n              items={sessionList}\n              menu={menu}\n              style={{\n                width: 256,\n                borderRadius: '6px',\n                ...style,\n              }}\n            />\n          </InfiniteScroll>\n        </div>\n      </div>\n\n      {/* 遮罩层 - 仅在窄屏且列表可见时显示 */}\n      {isNarrow && listVisible && (\n        <div className={styles.mask} onClick={handleCloseList} />\n      )}\n    </div>\n  );\n};\n\nexport default XAiConversations;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,eAA8B;AAC9B,mBAA6B;AAC7B,kBAA8B;AAC9B,gCAAkC;AAElC,kBAAiB;AACjB,yBAAwB;AACxB,wBAAsB;AACtB,6CAA2B;AAC3B,uBAAkC;AAClC,kBAAiB;AACjB,oBAAuC;AAEvC,IAAM,mBAAoD,CAAC,UAAU;AACnE,QAAM,aAAS,yBAAU;AACzB,QAAM,EAAE,YAAY,QAAI,6CAAkB,KAAK;AAC/C,QAAM;AAAA,IACJ,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AACpD,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAA8B,IAAI;AAElF,QAAM,kBAAkB,CAAC,QAAgB;AACvC,qDAAiB;AAAA,EACnB;AAEA,QAAM,gBAAgB,MAAM;AAC1B;AAAA,EACF;AAEA,QAAM,iBAAiB,MAAM;AAC3B,mBAAe,IAAI;AACnB,wBAAoB,IAAI;AAAA,EAC1B;AAEA,QAAM,kBAAkB,MAAM;AAC5B,wBAAoB,KAAK;AACzB,eAAW,MAAM;AACf,qBAAe,KAAK;AACpB,0BAAoB,IAAI;AAAA,IAC1B,GAAG,GAAG;AAAA,EACR;AAEA,SACE,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,+BAAY,IAGV,CAAC,eAAe,aACf,6BAAAA,QAAA,cAAC,SAAI,WAAW,OAAO,cACrB,6BAAAA,QAAA,cAAC,SAAI,KAAI,QAAO,KAAK,YAAAC,SAAM,eAAW,YAAAC,SAAK,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,EAAE,CAAC,GAAE,GACvE,6BAAAF,QAAA,cAAC,SAAI,WAAW,OAAO,YACrB,6BAAAA,QAAA,cAAC,SAAI,WAAW,OAAO,WACrB,6BAAAA,QAAA,cAAC,SAAI,KAAK,kBAAAG,SAAW,KAAI,IAAG,SAAS,gBAAgB,CACvD,GACA,6BAAAH,QAAA,cAAC,SAAI,WAAW,OAAO,WACrB,6BAAAA,QAAA,cAAC,mBAAAI,SAAA,EAAY,eAAW,YAAAF,SAAK,OAAO,EAAE,EAAE,GAAG,OAAO,KAAK,SAAS,CAAC,GAAG,SAAS,eAAe,CAC9F,CACF,CACF,GAKJ,6BAAAF,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,SAAS,cAAc,UAAU,OAAO;AAAA,MACjD,eAAW,YAAAE;AAAA,QACT,WAAW,OAAO,WAAW,OAAO;AAAA,QACpC,qBAAqB,QAAQ,OAAO;AAAA,QACpC,qBAAqB,SAAS,OAAO;AAAA,MACvC;AAAA;AAAA,IAGA,6BAAAF,QAAA,cAAC,SAAI,WAAW,OAAO,kBACrB,6BAAAA,QAAA,cAAC,SAAI,KAAI,QAAO,KAAK,YAAAC,SAAM,eAAW,YAAAC,SAAK,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,EAAE,CAAC,GAAE,GACvE,6BAAAF,QAAA,cAAC,SAAI,WAAW,OAAO,WACrB,6BAAAA,QAAA,cAAC,SAAI,KAAK,kBAAAG,SAAW,KAAI,IAAG,SAAS,iBAAiB,CACxD,CACF;AAAA,IACA,6BAAAH,QAAA,cAAC,SAAI,WAAW,OAAO,YAAY,SAAS,iBAC1C,6BAAAA,QAAA,cAAC,mBAAAI,SAAA,EAAY,eAAW,YAAAF,SAAK,OAAO,EAAE,EAAE,GAAG,OAAO,GAAG,EAAE,CAAC,GAAG,GAAE,OAE/D;AAAA,IACA,6BAAAF,QAAA,cAAC,SAAI,WAAW,OAAO,YAAU,MAAI;AAAA,IAGrC,6BAAAA,QAAA,cAAC,SAAI,WAAW,OAAO,cACrB,6BAAAA,QAAA;AAAA,MAAC,uCAAAK;AAAA,MAAA;AAAA,QACC,YAAY,YAAY;AAAA,QACxB,MAAM;AAAA,QACN,SAAS;AAAA,QACT,QACE,6BAAAL,QAAA,cAAC,SAAI,OAAO,EAAE,WAAW,SAAS,KAChC,6BAAAA,QAAA,cAAC,oBAAK,WAAW,6BAAAA,QAAA,cAAC,6BAAa,MAAI,MAAC,GAAI,MAAK,SAAQ,CACvD;AAAA,QAEF,YAAY,YAAY,WAAW,sCAAqB,6BAAAA,QAAA,cAAC,uBAAQ,OAAK,QAAC,6BAAAA,QAAA,cAAC,UAAK,WAAW,OAAO,UAAU,SAAS,KAAG,aAAW,CAAO;AAAA,QACvI,OAAO,EAAE,UAAU,UAAU,eAAe,MAAM;AAAA;AAAA,MAElD,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,gBAAgB,CAAC,MAAM,gBAAgB,CAAC;AAAA,UACxC,OAAO;AAAA,UACP;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP,cAAc;AAAA,YACd,GAAG;AAAA,UACL;AAAA;AAAA,MACF;AAAA,IACF,CACF;AAAA,EACF,GAGC,YAAY,eACX,6BAAAA,QAAA,cAAC,SAAI,WAAW,OAAO,MAAM,SAAS,iBAAiB,CAE3D;AAEJ;AAEA,IAAO,2BAAQ;",
-  "names": ["React", "logo", "clsx", "flashOpen", "AddChatIcon", "InfiniteScroll"]
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { Conversations } from '@ant-design/x';\nimport { RedoOutlined } from '@ant-design/icons';\nimport { Spin, Divider } from 'antd';\nimport InfiniteScroll from 'react-infinite-scroll-component';\nimport clsx from 'clsx';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { type XAiConversationsProps } from '@/types/XAiConversations';\nimport logo from '@/assets/logo.png';\nimport AddChatIcon from '@/assets/svg/AddChatIcon';\nimport flashOpen from '@/assets/flash-open.svg?url';\nimport { SESSION_PAGE_SIZE } from '@/constants';\nimport { useStyles, GlobalStyle } from './styles';\n\nconst XAiConversations: React.FC<XAiConversationsProps> = (props) => {\n  const styles = useStyles();\n  const { mergedProps } = useChatbotContext(props);\n  const {\n    isNarrow = false,\n    sessionList,\n    style,\n    onActiveChange,\n    onNewChat,\n    loadMoreSessions,\n    activeKey,\n    menu,\n  } = mergedProps;\n\n  const [listVisible, setListVisible] = useState(false);\n  const [animateDirection, setAnimateDirection] = useState<'in' | 'out' | null>(null);\n\n  const handleSwitchTab = (key: string) => {\n    onActiveChange?.(key);\n  };\n\n  const handleNewChat = () => {\n    onNewChat?.();\n  };\n\n  const handleShowList = () => {\n    setListVisible(true);\n    setAnimateDirection('in');\n  };\n\n  const handleCloseList = () => {\n    setAnimateDirection('out');\n    setTimeout(() => {\n      setListVisible(false);\n      setAnimateDirection(null);\n    }, 300);\n  };\n\n  return (\n    <div>\n      <GlobalStyle />\n      {/** 顶部操作栏 */}\n      {\n        (!listVisible || isNarrow) && (\n          <div className={styles.capWrapper}>\n            <img alt=\"logo\" src={logo} className={clsx(styles.w(32), styles.h(29))} />\n            <div className={styles.capShape}>\n              <div className={styles.capIcon}>\n                <img src={flashOpen} alt=\"\" onClick={handleShowList} />\n              </div>\n              <div className={styles.capIcon}>\n                <AddChatIcon className={clsx(styles.w(17), styles.text('#343434'))} onClick={handleNewChat} />\n              </div>\n            </div>\n          </div>\n        )\n      }\n\n      {/* 会话列表 */}\n      <div\n        style={{ display: listVisible ? 'block' : 'none' }}\n        className={clsx(\n          isNarrow ? styles.nWrapper : styles.fWrapper,\n          animateDirection === 'in' && styles.slideIn,\n          animateDirection === 'out' && styles.slideOut,\n        )}\n      >\n        {/* 固定头部 */}\n        <div className={styles.fheaderWrapper}>\n          <img alt=\"logo\" src={logo} className={clsx(styles.w(32), styles.h(29))} />\n          <div className={styles.capIcon}>\n            <img src={flashOpen} alt=\"\" onClick={handleCloseList} />\n          </div>\n        </div>\n        <div className={styles.addChatBtn} onClick={handleNewChat}>\n          <AddChatIcon className={clsx(styles.w(17), styles.mr(10))} />\n          开启新对话\n        </div>\n        <div className={styles.tipTitle}>历史对话</div>\n\n        {/* 滚动区域 */}\n        <div className={styles.scrollList}>\n          <InfiniteScroll\n            dataLength={sessionList.length}\n            next={loadMoreSessions}\n            hasMore={false}\n            loader={(\n              <div style={{ textAlign: 'center' }}>\n                <Spin indicator={<RedoOutlined spin />} size=\"small\" />\n              </div>\n            )}\n            endMessage={sessionList.length === SESSION_PAGE_SIZE && <Divider plain><span className={styles.textColor('#949494')}>只展示前 50 条数据</span></Divider>}\n            style={{ overflow: 'hidden', paddingBottom: '5px' }}\n          >\n            <Conversations\n              activeKey={activeKey}\n              onActiveChange={(v) => handleSwitchTab(v)}\n              items={sessionList}\n              menu={menu}\n              style={{\n                width: 256,\n                borderRadius: '6px',\n                ...style,\n              }}\n            />\n          </InfiniteScroll>\n        </div>\n      </div>\n\n      {/* 遮罩层 - 仅在窄屏且列表可见时显示 */}\n      {isNarrow && listVisible && (\n        <div className={styles.mask} onClick={handleCloseList} />\n      )}\n    </div>\n  );\n};\n\nexport default XAiConversations;\n"],
+  "mappings": "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",
+  "names": ["logo", "clsx", "flashOpen", "AddChatIcon", "InfiniteScroll"]
 }

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

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/XAiConversations/styles.tsx
@@ -33,10 +23,10 @@ __export(styles_exports, {
   useStyles: () => useStyles
 });
 module.exports = __toCommonJS(styles_exports);
-var import_react = __toESM(require("react"));
 var import_css = require("@emotion/css");
-var import_react2 = require("@emotion/react");
+var import_react = require("@emotion/react");
 var import_common = require("../../styles/common");
+var import_jsx_runtime = require("react/jsx-runtime");
 var primaryBlue = "#0078FF";
 var slideInRight = import_css.keyframes`
   from { transform: translateX(-100%); opacity: 0; }
@@ -178,10 +168,10 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     animation: ${slideOutRight} 0.3s forwards;
   `
 }));
-var GlobalStyle = () => /* @__PURE__ */ import_react.default.createElement(
-  import_react2.Global,
+var GlobalStyle = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_react.Global,
   {
-    styles: import_react2.css`
+    styles: import_react.css`
       .ant-conversations .ant-conversations-item-active {
         background: rgba(57,97,242,0.08);
       }

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

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