@ai-group/chat-sdk 0.5.2 → 0.6.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","css","globalCss","Global","withBasicStyles","jsx","_jsx","primaryBlue","lightBlue","darkGray","lightGray","borderGray","useStyles","wrapper","_templateObject","_taggedTemplateLiteral","navbar","_templateObject2","userAvatar","_templateObject3","avatar","_templateObject4","title","_templateObject5","subtitle","_templateObject6","messageContainer","_templateObject7","emptyWrapper","_templateObject8","emptyImg","_templateObject9","message","_templateObject10","messageRight","_templateObject11","quickReplies","_templateObject12","replyItem","_templateObject13","highlight","_templateObject14","inputBar","_templateObject15","input","_templateObject16","sendWrapper","_templateObject17","stopButton","_templateObject18","sendButton","_templateObject19","uploadBtn","_templateObject20","clearBtn","_templateObject21","chatFooter","_templateObject22","footerTips","_templateObject23","flexCenterGap2","_templateObject24","iconHuihuarenqun","_templateObject25","popoverFooter","_templateObject26","divider","_templateObject27","flexCenterGap4","_templateObject28","iconZengjiaDisabled","_templateObject29","iconZengjiaNormal","_templateObject30","actionHeaderWrapper","_templateObject31","actionHeaderItem","_templateObject32","actionHeaderIcon","_templateObject33","actionHeaderText","_templateObject34","actionHeaderDetail","_templateObject35","actionDetailTitle","_templateObject36","actionHeaderDetailItem","_templateObject37","actionHeaderCost","_templateObject38","GlobalStyle","styles","_templateObject39"],"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 } from '@/styles/common';\n\nconst primaryBlue = '#0078FF'; // 主蓝色\nconst lightBlue = '#E6F0FF';   // 浅蓝色气泡背景\nconst darkGray = '#333';        // 深灰色文本\nconst lightGray = '#888';       // 浅灰文本\nconst borderGray = '#ddd';      // 边框灰色\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    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;\n    // background-color: #fff;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-height: 0;\n    position: relative;\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    userSelect: 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  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\n  sendWrapper: css`\n    flex: 1;\n    border-radius: 26px;\n  `,\n\n  stopButton: css`\n    width: 23px !important;\n    height: 23px !important;\n    padding: 0 !important;\n    min-width: 23px !important;\n    min-height: 23px !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  `,\n\n  sendButton: css`\n    width: 23px !important;\n    height: 23px !important;\n    padding: 0 !important;\n    min-width: 23px !important;\n    min-height: 23px !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #000000;\n    border: none;\n    border-radius: 20px;\n    color: white;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n    box-sizing: border-box;\n    &:hover {\n      background-color: #005ecb;\n    }\n    &:disabled {\n      background-color: ${lightBlue};\n      cursor: not-allowed;\n    }\n  `,\n\n  uploadBtn: css`\n    margin-left: 8px;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background-color: ${primaryBlue};\n    color: white;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 32px;\n    text-align: center;\n    cursor: pointer;\n    border: none;\n    user-select: none;\n    &:hover {\n      background-color: #005ecb;\n    }\n  `,\n\n  clearBtn: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    border: 1px solid rgb(228, 231, 236);\n    border-radius: 12px;\n    width: 45px;\n    height: 45px;\n    box-sizing: border-box;\n  `,\n\n  chatFooter: css`\n    gap: 8px;\n    position: relatative;\n    z-index: 10;\n    padding: 0 20px 10px 20px;\n  `,\n\n  footerTips: css`\n    display: flex;\n    align-items:center;\n    justify-content: center;\n    font-size: 12px;\n    color: rgba(0,0,0,0.4);\n  `,\n\n  flexCenterGap2: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  `,\n\n  iconHuihuarenqun: css`\n    font-family: \"iconfont\";\n    font-size: 16px;\n    font-weight: 300;\n    padding: 3px;\n    border-radius: 6px;\n    color: #181B25;\n    cursor: pointer;\n    &:hover {\n      background: #E1E4EA;\n      color: #7F56D9;\n    }\n  `,\n\n  popoverFooter: css`\n    display: flex;\n    gap: 8px;\n    justify-content: end;\n  `,\n\n  divider: css`\n    width: 1px;\n    height: 15px;\n    margin-left: 3px;\n    margin-right: 3px;\n    background: #D0D5DD;\n  `,\n\n  flexCenterGap4: css`\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: #7F56D9;\n    cursor: pointer;\n    &:hover {\n      opacity: 0.8;\n    }\n  `,\n\n  iconZengjiaDisabled: css`\n    font-family: \"iconfont\";\n    font-size: 25px;\n    font-weight: 300;\n    color: #D0D5DD;\n    cursor: not-allowed;\n  `,\n\n  iconZengjiaNormal: css`\n    font-family: \"iconfont\";\n    font-size: 25px;\n    font-weight: 300;\n    color: #98A2B3;\n    cursor: pointer;\n    &:hover {\n      color: #7F56D9;\n    }\n  `,\n  actionHeaderWrapper: css`\n    margin-bottom: 12px;\n  `,\n  actionHeaderItem: css`\n    display: flex;\n    align-items: center;\n    height: 40px;\n    box-sizing: border-box;\n    padding: 10px 16px;\n    margin-bottom: 8px;\n    background: #f7fafd;\n    cursor: pointer;\n    border-radius: 8px;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.03);\n  `,\n  actionHeaderIcon: css`\n    height: 14px;\n  `,\n  actionHeaderText: css`\n    font-weight: 400;\n    font-size: 14px;\n    color: #3961F2;\n    margin-left: 10px;\n    margin-right: 6px;\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  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}));\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: #F3F5FA;\n      }\n    `}\n  />\n);\n"],"mappings":"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"}
+{"version":3,"names":["React","css","globalCss","Global","withBasicStyles","primaryBlue","lightBlue","darkGray","lightGray","borderGray","jsx","_jsx","useStyles","wrapper","_templateObject","_taggedTemplateLiteral","navbar","_templateObject2","userAvatar","_templateObject3","avatar","_templateObject4","title","_templateObject5","subtitle","_templateObject6","messageContainer","_templateObject7","emptyWrapper","_templateObject8","emptyImg","_templateObject9","message","_templateObject10","messageRight","_templateObject11","quickReplies","_templateObject12","replyItem","_templateObject13","highlight","_templateObject14","inputBar","_templateObject15","input","_templateObject16","actionHeaderWrapper","_templateObject17","actionHeaderItem","_templateObject18","actionHeaderIcon","_templateObject19","actionHeaderText","_templateObject20","actionHeaderDetail","_templateObject21","actionDetailTitle","_templateObject22","actionHeaderDetailItem","_templateObject23","actionHeaderCost","_templateObject24","GlobalStyle","styles","_templateObject25"],"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;\n    // background-color: #fff;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-height: 0;\n    position: relative;\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  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  actionHeaderWrapper: css`\n    margin-bottom: 12px;\n  `,\n  actionHeaderItem: css`\n    display: flex;\n    align-items: center;\n    height: 40px;\n    box-sizing: border-box;\n    padding: 10px 16px;\n    margin-bottom: 8px;\n    background: #f7fafd;\n    cursor: pointer;\n    border-radius: 8px;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.03);\n  `,\n  actionHeaderIcon: css`\n    height: 14px;\n  `,\n  actionHeaderText: css`\n    font-weight: 400;\n    font-size: 14px;\n    color: #3961F2;\n    margin-left: 10px;\n    margin-right: 6px;\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  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}));\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: #F3F5FA;\n      }\n    `}\n  />\n);\n"],"mappings":"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"}

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

@@ -18,7 +18,9 @@ var XAiConversations = function XAiConversations(props) {
   var styles = useStyles();
   var _useChatbotContext = useChatbotContext(props),
     mergedProps = _useChatbotContext.mergedProps;
-  var sessionList = mergedProps.sessionList,
+  var _mergedProps$isNarrow = mergedProps.isNarrow,
+    isNarrow = _mergedProps$isNarrow === void 0 ? false : _mergedProps$isNarrow,
+    sessionList = mergedProps.sessionList,
     style = mergedProps.style,
     onActiveChange = mergedProps.onActiveChange,
     onNewChat = mergedProps.onNewChat,
@@ -51,7 +53,7 @@ var XAiConversations = function XAiConversations(props) {
     }, 300);
   };
   return /*#__PURE__*/_jsxs("div", {
-    children: [/*#__PURE__*/_jsx(GlobalStyle, {}), !listVisible && /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(GlobalStyle, {}), (!listVisible || isNarrow) && /*#__PURE__*/_jsxs("div", {
       className: styles.capWrapper,
       children: [/*#__PURE__*/_jsx("img", {
         alt: "logo",
@@ -78,7 +80,7 @@ var XAiConversations = function XAiConversations(props) {
       style: {
         display: listVisible ? 'block' : 'none'
       },
-      className: clsx(styles.fWrapper, animateDirection === 'in' && styles.slideIn, animateDirection === 'out' && styles.slideOut),
+      className: clsx(isNarrow ? styles.nWrapper : styles.fWrapper, animateDirection === 'in' && styles.slideIn, animateDirection === 'out' && styles.slideOut),
       children: [/*#__PURE__*/_jsxs("div", {
         className: styles.fheaderWrapper,
         children: [/*#__PURE__*/_jsx("img", {
@@ -144,6 +146,9 @@ var XAiConversations = function XAiConversations(props) {
           })
         })
       })]
+    }), isNarrow && listVisible && /*#__PURE__*/_jsx("div", {
+      className: styles.mask,
+      onClick: handleCloseList
     })]
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Conversations","RedoOutlined","Spin","Divider","useChatbotContext","logo","AddChatIcon","flashOpen","InfiniteScroll","SESSION_PAGE_SIZE","clsx","useStyles","GlobalStyle","jsx","_jsx","jsxs","_jsxs","XAiConversations","props","styles","_useChatbotContext","mergedProps","sessionList","style","onActiveChange","onNewChat","loadMoreSessions","activeKey","menu","_useState","_useState2","_slicedToArray","listVisible","setListVisible","_useState3","_useState4","animateDirection","setAnimateDirection","handleSwitchTab","key","handleNewChat","handleShowList","handleCloseList","setTimeout","children","className","capWrapper","alt","src","w","h","capShape","capIcon","onClick","text","display","fWrapper","slideIn","slideOut","fheaderWrapper","addChatBtn","mr","tipTitle","scrollList","dataLength","length","next","hasMore","loader","textAlign","indicator","spin","size","endMessage","plain","textColor","overflow","paddingBottom","v","items","_objectSpread","width","borderRadius"],"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';\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    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        !listVisible && (\n          <div className={styles.capWrapper}>\n            <img alt=\"logo\" src={logo} className={clsx(styles.w(32), styles.h(29))}/>\n            <div className={styles.capShape}>\n              <div className={styles.capIcon}>\n                <img src={flashOpen} alt=\"\" onClick={handleShowList} />\n              </div>\n              <div className={styles.capIcon}>\n                <AddChatIcon className={clsx(styles.w(17), styles.text('#343434'))} onClick={handleNewChat} />\n              </div>\n            </div>\n          </div>\n        )\n      }\n\n      <div\n        style={{ display: listVisible ? 'block' : 'none' }}\n        className={clsx(\n          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    </div>\n  );\n};\n\nexport default XAiConversations;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,IAAI,EAAEC,OAAO,QAAQ,MAAM;AACpC,SAASC,iBAAiB;AAE1B,OAAOC,IAAI;AACX,OAAOC,WAAW;AAClB,OAAOC,SAAS;AAChB,OAAOC,cAAc,MAAM,iCAAiC;AAC5D,SAASC,iBAAiB;AAC1B,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,SAAS,EAAEC,WAAW;AAAmB,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAElD,IAAMC,gBAAiD,GAAG,SAApDA,gBAAiDA,CAAIC,KAAK,EAAK;EACnE,IAAMC,MAAM,GAAGR,SAAS,CAAC,CAAC;EAC1B,IAAAS,kBAAA,GAAwBhB,iBAAiB,CAACc,KAAK,CAAC;IAAxCG,WAAW,GAAAD,kBAAA,CAAXC,WAAW;EACnB,IACEC,WAAW,GAOTD,WAAW,CAPbC,WAAW;IACXC,KAAK,GAMHF,WAAW,CANbE,KAAK;IACLC,cAAc,GAKZH,WAAW,CALbG,cAAc;IACdC,SAAS,GAIPJ,WAAW,CAJbI,SAAS;IACTC,gBAAgB,GAGdL,WAAW,CAHbK,gBAAgB;IAChBC,SAAS,GAEPN,WAAW,CAFbM,SAAS;IACTC,IAAI,GACFP,WAAW,CADbO,IAAI;EAGN,IAAAC,SAAA,GAAsC9B,QAAQ,CAAC,KAAK,CAAC;IAAA+B,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAA9CG,WAAW,GAAAF,UAAA;IAAEG,cAAc,GAAAH,UAAA;EAClC,IAAAI,UAAA,GAAgDnC,QAAQ,CAAsB,IAAI,CAAC;IAAAoC,UAAA,GAAAJ,cAAA,CAAAG,UAAA;IAA5EE,gBAAgB,GAAAD,UAAA;IAAEE,mBAAmB,GAAAF,UAAA;EAE5C,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,GAAW,EAAK;IACvCf,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAGe,GAAG,CAAC;EACvB,CAAC;EAED,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;IAC1Bf,SAAS,aAATA,SAAS,eAATA,SAAS,CAAG,CAAC;EACf,CAAC;EAED,IAAMgB,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;IAC3BR,cAAc,CAAC,IAAI,CAAC;IACpBI,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC;EAED,IAAMK,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;IAC5BL,mBAAmB,CAAC,KAAK,CAAC;IAC1BM,UAAU,CAAC,YAAM;MACfV,cAAc,CAAC,KAAK,CAAC;MACrBI,mBAAmB,CAAC,IAAI,CAAC;IAC3B,CAAC,EAAE,GAAG,CAAC;EACT,CAAC;EAED,oBACErB,KAAA;IAAA4B,QAAA,gBACE9B,IAAA,CAACF,WAAW,IAAE,CAAC,EAEb,CAACoB,WAAW,iBACVhB,KAAA;MAAK6B,SAAS,EAAE1B,MAAM,CAAC2B,UAAW;MAAAF,QAAA,gBAChC9B,IAAA;QAAKiC,GAAG,EAAC,MAAM;QAACC,GAAG,EAAE3C,IAAK;QAACwC,SAAS,EAAEnC,IAAI,CAACS,MAAM,CAAC8B,CAAC,CAAC,EAAE,CAAC,EAAE9B,MAAM,CAAC+B,CAAC,CAAC,EAAE,CAAC;MAAE,CAAC,CAAC,eACzElC,KAAA;QAAK6B,SAAS,EAAE1B,MAAM,CAACgC,QAAS;QAAAP,QAAA,gBAC9B9B,IAAA;UAAK+B,SAAS,EAAE1B,MAAM,CAACiC,OAAQ;UAAAR,QAAA,eAC7B9B,IAAA;YAAKkC,GAAG,EAAEzC,SAAU;YAACwC,GAAG,EAAC,EAAE;YAACM,OAAO,EAAEZ;UAAe,CAAE;QAAC,CACpD,CAAC,eACN3B,IAAA;UAAK+B,SAAS,EAAE1B,MAAM,CAACiC,OAAQ;UAAAR,QAAA,eAC7B9B,IAAA,CAACR,WAAW;YAACuC,SAAS,EAAEnC,IAAI,CAACS,MAAM,CAAC8B,CAAC,CAAC,EAAE,CAAC,EAAE9B,MAAM,CAACmC,IAAI,CAAC,SAAS,CAAC,CAAE;YAACD,OAAO,EAAEb;UAAc,CAAE;QAAC,CAC3F,CAAC;MAAA,CACH,CAAC;IAAA,CACH,CACN,eAGHxB,KAAA;MACEO,KAAK,EAAE;QAAEgC,OAAO,EAAEvB,WAAW,GAAG,OAAO,GAAG;MAAO,CAAE;MACnDa,SAAS,EAAEnC,IAAI,CACbS,MAAM,CAACqC,QAAQ,EACfpB,gBAAgB,KAAK,IAAI,IAAIjB,MAAM,CAACsC,OAAO,EAC3CrB,gBAAgB,KAAK,KAAK,IAAIjB,MAAM,CAACuC,QACvC,CAAE;MAAAd,QAAA,gBAGF5B,KAAA;QAAK6B,SAAS,EAAE1B,MAAM,CAACwC,cAAe;QAAAf,QAAA,gBACpC9B,IAAA;UAAKiC,GAAG,EAAC,MAAM;UAACC,GAAG,EAAE3C,IAAK;UAACwC,SAAS,EAAEnC,IAAI,CAACS,MAAM,CAAC8B,CAAC,CAAC,EAAE,CAAC,EAAE9B,MAAM,CAAC+B,CAAC,CAAC,EAAE,CAAC;QAAE,CAAC,CAAC,eACzEpC,IAAA;UAAK+B,SAAS,EAAE1B,MAAM,CAACiC,OAAQ;UAAAR,QAAA,eAC7B9B,IAAA;YAAKkC,GAAG,EAAEzC,SAAU;YAACwC,GAAG,EAAC,EAAE;YAACM,OAAO,EAAEX;UAAgB,CAAE;QAAC,CACrD,CAAC;MAAA,CACH,CAAC,eACN1B,KAAA;QAAK6B,SAAS,EAAE1B,MAAM,CAACyC,UAAW;QAACP,OAAO,EAAEb,aAAc;QAAAI,QAAA,gBACxD9B,IAAA,CAACR,WAAW;UAACuC,SAAS,EAAEnC,IAAI,CAACS,MAAM,CAAC8B,CAAC,CAAC,EAAE,CAAC,EAAE9B,MAAM,CAAC0C,EAAE,CAAC,EAAE,CAAC;QAAE,CAAE,CAAC,kCAE/D;MAAA,CAAK,CAAC,eACN/C,IAAA;QAAK+B,SAAS,EAAE1B,MAAM,CAAC2C,QAAS;QAAAlB,QAAA,EAAC;MAAI,CAAK,CAAC,eAG3C9B,IAAA;QAAK+B,SAAS,EAAE1B,MAAM,CAAC4C,UAAW;QAAAnB,QAAA,eAChC9B,IAAA,CAACN,cAAc;UACbwD,UAAU,EAAE1C,WAAW,CAAC2C,MAAO;UAC/BC,IAAI,EAAExC,gBAAiB;UACvByC,OAAO,EAAE,KAAM;UACfC,MAAM,eACJtD,IAAA;YAAKS,KAAK,EAAE;cAAE8C,SAAS,EAAE;YAAS,CAAE;YAAAzB,QAAA,eAClC9B,IAAA,CAACZ,IAAI;cAACoE,SAAS,eAAExD,IAAA,CAACb,YAAY;gBAACsE,IAAI;cAAA,CAAE,CAAE;cAACC,IAAI,EAAC;YAAO,CAAE;UAAC,CACpD,CACN;UACDC,UAAU,EAAEnD,WAAW,CAAC2C,MAAM,KAAKxD,iBAAiB,iBAAIK,IAAA,CAACX,OAAO;YAACuE,KAAK;YAAA9B,QAAA,eAAC9B,IAAA;cAAM+B,SAAS,EAAE1B,MAAM,CAACwD,SAAS,CAAC,SAAS,CAAE;cAAA/B,QAAA,EAAC;YAAW,CAAM;UAAC,CAAS,CAAE;UAClJrB,KAAK,EAAE;YAAEqD,QAAQ,EAAE,QAAQ;YAAEC,aAAa,EAAE;UAAM,CAAE;UAAAjC,QAAA,eAEpD9B,IAAA,CAACd,aAAa;YACZ2B,SAAS,EAAEA,SAAU;YACrBH,cAAc,EAAE,SAAAA,eAACsD,CAAC;cAAA,OAAKxC,eAAe,CAACwC,CAAC,CAAC;YAAA,CAAC;YAC1CC,KAAK,EAAEzD,WAAY;YACnBM,IAAI,EAAEA,IAAK;YACXL,KAAK,EAAAyD,aAAA;cACHC,KAAK,EAAE,GAAG;cACVC,YAAY,EAAE;YAAK,GAChB3D,KAAK;UACR,CACH;QAAC,CACY;MAAC,CACd,CAAC;IAAA,CACH,CAAC;EAAA,CACH,CAAC;AAEV,CAAC;AAED,eAAeN,gBAAgB"}
+{"version":3,"names":["React","useState","Conversations","RedoOutlined","Spin","Divider","useChatbotContext","logo","AddChatIcon","flashOpen","InfiniteScroll","SESSION_PAGE_SIZE","clsx","useStyles","GlobalStyle","jsx","_jsx","jsxs","_jsxs","XAiConversations","props","styles","_useChatbotContext","mergedProps","_mergedProps$isNarrow","isNarrow","sessionList","style","onActiveChange","onNewChat","loadMoreSessions","activeKey","menu","_useState","_useState2","_slicedToArray","listVisible","setListVisible","_useState3","_useState4","animateDirection","setAnimateDirection","handleSwitchTab","key","handleNewChat","handleShowList","handleCloseList","setTimeout","children","className","capWrapper","alt","src","w","h","capShape","capIcon","onClick","text","display","nWrapper","fWrapper","slideIn","slideOut","fheaderWrapper","addChatBtn","mr","tipTitle","scrollList","dataLength","length","next","hasMore","loader","textAlign","indicator","spin","size","endMessage","plain","textColor","overflow","paddingBottom","v","items","_objectSpread","width","borderRadius","mask"],"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';\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":"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"}

package/dist/esm/components/XAiConversations/styles.d.ts

@@ -6,6 +6,8 @@ export declare const useStyles: () => {
     addChatBtn: string;
     tipTitle: string;
     fWrapper: string;
+    nWrapper: string;
+    mask: string;
     fheaderWrapper: string;
     scrollList: string;
     slideIn: string;
@@ -41,5 +43,7 @@ export declare const useStyles: () => {
     overflow: (type: string) => string;
     position: (type: string) => string;
     zIndex: (index: number) => string;
+    flexCenterGap2: string;
+    flexCenterGap4: string;
 };
 export declare const GlobalStyle: React.FC;

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

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
 import React from 'react';
 import { css, keyframes } from '@emotion/css';
 import { css as globalCss, Global } from '@emotion/react';
@@ -21,16 +21,18 @@ export var useStyles = withBasicStyles(function () {
     capIcon: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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  "]))),
     addChatBtn: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\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  "]))),
     tipTitle: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    font-size: 12px;\n    color: #949494;\n    padding-left: 24px;\n  "]))),
-    fWrapper: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    width: 280px;\n    height: 100%;\n    box-sizing: border-box;\n  "]))),
-    fheaderWrapper: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 11px 0 16px;\n  "]))),
-    scrollList: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    max-height: calc(100vh - 120px); /* 120px\u4E3A\u5934\u90E8\u9AD8\u5EA6\uFF0C\u53EF\u6839\u636E\u5B9E\u9645\u8C03\u6574 */\n    padding-bottom: 15px;\n    overflow-y: auto;\n\n    /* \u9690\u85CF\u6EDA\u52A8\u6761\uFF08Chrome, Edge, Safari\uFF09 */\n    &::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n      display: none;\n      background: transparent;\n    }\n\n    /* \u9690\u85CF\u6EDA\u52A8\u6761\uFF08Firefox\uFF09 */\n    scrollbar-width: none;\n\n    /* \u9690\u85CF\u6EDA\u52A8\u6761\uFF08IE/Edge\uFF09 */\n    -ms-overflow-style: none;\n  "]))),
-    slideIn: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    animation: ", " 0.3s forwards;\n  "])), slideInRight),
-    slideOut: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    animation: ", " 0.3s forwards;\n  "])), slideOutRight)
+    fWrapper: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    width: 280px;\n    height: 100%;\n    box-sizing: border-box;\n    position: relative;\n  "]))),
+    nWrapper: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\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  "]))),
+    mask: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\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  "]))),
+    fheaderWrapper: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 11px 0 16px;\n  "]))),
+    scrollList: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    max-height: calc(100vh - 120px); /* 120px\u4E3A\u5934\u90E8\u9AD8\u5EA6\uFF0C\u53EF\u6839\u636E\u5B9E\u9645\u8C03\u6574 */\n    padding-bottom: 15px;\n    overflow-y: auto;\n\n    /* \u9690\u85CF\u6EDA\u52A8\u6761\uFF08Chrome, Edge, Safari\uFF09 */\n    &::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n      display: none;\n      background: transparent;\n    }\n\n    /* \u9690\u85CF\u6EDA\u52A8\u6761\uFF08Firefox\uFF09 */\n    scrollbar-width: none;\n\n    /* \u9690\u85CF\u6EDA\u52A8\u6761\uFF08IE/Edge\uFF09 */\n    -ms-overflow-style: none;\n  "]))),
+    slideIn: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    animation: ", " 0.3s forwards;\n  "])), slideInRight),
+    slideOut: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    animation: ", " 0.3s forwards;\n  "])), slideOutRight)
   };
 });
 export var GlobalStyle = function GlobalStyle() {
   return /*#__PURE__*/_jsx(Global, {
-    styles: globalCss(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\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    "])))
+    styles: globalCss(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\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    "])))
   });
 };
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","css","keyframes","globalCss","Global","withBasicStyles","jsx","_jsx","primaryBlue","lightBlue","darkGray","lightGray","borderGray","slideInRight","_templateObject","_taggedTemplateLiteral","slideOutRight","_templateObject2","useStyles","capWrapper","_templateObject3","capShape","_templateObject4","capIcon","_templateObject5","addChatBtn","_templateObject6","tipTitle","_templateObject7","fWrapper","_templateObject8","fheaderWrapper","_templateObject9","scrollList","_templateObject10","slideIn","_templateObject11","slideOut","_templateObject12","GlobalStyle","styles","_templateObject13"],"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  `,\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,SAAS,QAAQ,cAAc;AAC7C,SAASD,GAAG,IAAIE,SAAS,EAAEC,MAAM,QAAQ,gBAAgB;AACzD,SAASC,eAAe;AAA0B,SAAAC,GAAA,IAAAC,IAAA;AAElD,IAAMC,WAAW,GAAG,SAAS,CAAC,CAAC;AAC/B,IAAMC,SAAS,GAAG,SAAS,CAAC,CAAG;AAC/B,IAAMC,QAAQ,GAAG,MAAM,CAAC,CAAQ;AAChC,IAAMC,SAAS,GAAG,MAAM,CAAC,CAAO;AAChC,IAAMC,UAAU,GAAG,MAAM,CAAC,CAAM;;AAGhC,IAAMC,YAAY,GAAGX,SAAS,CAAAY,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gHAG7B;AAED,IAAMC,aAAa,GAAGd,SAAS,CAAAe,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,gHAG9B;AAGD,OAAO,IAAMG,SAAS,GAAGb,eAAe,CAAC;EAAA,OAAO;IAC9C;IACAc,UAAU,EAAElB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA,mFAId;IAEDM,QAAQ,EAAEpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,+fAgBOP,WAAW,CAE9B;IAEDe,OAAO,EAAEtB,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAT,sBAAA,0QAgBX;IAEDU,UAAU,EAAExB,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA,sZAqBd;IAEDY,QAAQ,EAAE1B,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAAb,sBAAA,gFAIZ;IAEDc,QAAQ,EAAE5B,GAAG,CAAA6B,gBAAA,KAAAA,gBAAA,GAAAf,sBAAA,oIAMZ;IAEDgB,cAAc,EAAE9B,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAjB,sBAAA,4HAKlB;IAEDkB,UAAU,EAAEhC,GAAG,CAAAiC,iBAAA,KAAAA,iBAAA,GAAAnB,sBAAA,+jBAkBd;IAEDoB,OAAO,EAAElC,GAAG,CAAAmC,iBAAA,KAAAA,iBAAA,GAAArB,sBAAA,iDACGF,YAAY,CAC1B;IACDwB,QAAQ,EAAEpC,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAAvB,sBAAA,iDACEC,aAAa;EAG9B,CAAC;AAAA,CAAC,CAAC;AAEH,OAAO,IAAMuB,WAAqB,GAAG,SAAxBA,WAAqBA,CAAA;EAAA,oBAChChC,IAAA,CAACH,MAAM;IACLoC,MAAM,EAAErC,SAAS,CAAAsC,iBAAA,KAAAA,iBAAA,GAAA1B,sBAAA;EAQf,CACH,CAAC;AAAA,CACH"}
+{"version":3,"names":["React","css","keyframes","globalCss","Global","withBasicStyles","jsx","_jsx","primaryBlue","lightBlue","darkGray","lightGray","borderGray","slideInRight","_templateObject","_taggedTemplateLiteral","slideOutRight","_templateObject2","useStyles","capWrapper","_templateObject3","capShape","_templateObject4","capIcon","_templateObject5","addChatBtn","_templateObject6","tipTitle","_templateObject7","fWrapper","_templateObject8","nWrapper","_templateObject9","mask","_templateObject10","fheaderWrapper","_templateObject11","scrollList","_templateObject12","slideIn","_templateObject13","slideOut","_templateObject14","GlobalStyle","styles","_templateObject15"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,SAAS,QAAQ,cAAc;AAC7C,SAASD,GAAG,IAAIE,SAAS,EAAEC,MAAM,QAAQ,gBAAgB;AACzD,SAASC,eAAe;AAA0B,SAAAC,GAAA,IAAAC,IAAA;AAElD,IAAMC,WAAW,GAAG,SAAS,CAAC,CAAC;AAC/B,IAAMC,SAAS,GAAG,SAAS,CAAC,CAAG;AAC/B,IAAMC,QAAQ,GAAG,MAAM,CAAC,CAAQ;AAChC,IAAMC,SAAS,GAAG,MAAM,CAAC,CAAO;AAChC,IAAMC,UAAU,GAAG,MAAM,CAAC,CAAM;;AAGhC,IAAMC,YAAY,GAAGX,SAAS,CAAAY,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gHAG7B;AAED,IAAMC,aAAa,GAAGd,SAAS,CAAAe,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,gHAG9B;AAGD,OAAO,IAAMG,SAAS,GAAGb,eAAe,CAAC;EAAA,OAAO;IAC9C;IACAc,UAAU,EAAElB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA,mFAId;IAEDM,QAAQ,EAAEpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,+fAgBOP,WAAW,CAE9B;IAEDe,OAAO,EAAEtB,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAT,sBAAA,0QAgBX;IAEDU,UAAU,EAAExB,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA,sZAqBd;IAEDY,QAAQ,EAAE1B,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAAb,sBAAA,gFAIZ;IAEDc,QAAQ,EAAE5B,GAAG,CAAA6B,gBAAA,KAAAA,gBAAA,GAAAf,sBAAA,6JAOZ;IAEDgB,QAAQ,EAAE9B,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAjB,sBAAA,+PAWZ;IAEDkB,IAAI,EAAEhC,GAAG,CAAAiC,iBAAA,KAAAA,iBAAA,GAAAnB,sBAAA,sLASR;IAEDoB,cAAc,EAAElC,GAAG,CAAAmC,iBAAA,KAAAA,iBAAA,GAAArB,sBAAA,4HAKlB;IAEDsB,UAAU,EAAEpC,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAAvB,sBAAA,+jBAkBd;IAEDwB,OAAO,EAAEtC,GAAG,CAAAuC,iBAAA,KAAAA,iBAAA,GAAAzB,sBAAA,iDACGF,YAAY,CAC1B;IACD4B,QAAQ,EAAExC,GAAG,CAAAyC,iBAAA,KAAAA,iBAAA,GAAA3B,sBAAA,iDACEC,aAAa;EAG9B,CAAC;AAAA,CAAC,CAAC;AAEH,OAAO,IAAM2B,WAAqB,GAAG,SAAxBA,WAAqBA,CAAA;EAAA,oBAChCpC,IAAA,CAACH,MAAM;IACLwC,MAAM,EAAEzC,SAAS,CAAA0C,iBAAA,KAAAA,iBAAA,GAAA9B,sBAAA;EAQf,CACH,CAAC;AAAA,CACH"}

package/dist/esm/components/XAiProvider/XAiProvider.stories.js

@@ -194,7 +194,7 @@ export var 携带历史记录示例 = {
     var providerRef = React.useRef(null);
     return /*#__PURE__*/_jsx("div", {
       style: {
-        width: '800px',
+        width: '1080px',
         height: '600px',
         overflow: 'hidden'
       },
@@ -207,12 +207,19 @@ export var 携带历史记录示例 = {
         onMessage: function onMessage(data) {
           return console.log(data);
         },
-        children: [/*#__PURE__*/_jsx(XAiConversations, {}), /*#__PURE__*/_jsx(XAiChatbot, {
-          navbar: {
-            title: 'Provider 聊天机器人',
-            subtitle: '由 Provider 管理消息',
-            avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg'
-          }
+        children: [/*#__PURE__*/_jsx(XAiConversations, {}), /*#__PURE__*/_jsx("div", {
+          style: {
+            flex: 1,
+            display: 'flex',
+            justifyContent: 'center'
+          },
+          children: /*#__PURE__*/_jsx(XAiChatbot, {
+            navbar: {
+              title: 'Provider 聊天机器人',
+              subtitle: '由 Provider 管理消息',
+              avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg'
+            }
+          })
         })]
       }))
     });

package/dist/esm/components/XAiProvider/XAiProvider.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Button","XAiProvider","XAiChatbot","XAiConversations","jsx","_jsx","jsxs","_jsxs","meta","title","component","parameters","layout","docs","description","tags","argTypes","config","table","type","summary","detail","category","decorators","Story","style","padding","children","单聊天窗口实例","render","args","providerRef","useRef","handleSendMessage","_providerRef$current","current","chat","console","log","display","flexDirection","gap","marginRight","justifyContent","onClick","maxWidth","height","_objectSpread","ref","onError","providerError","onMessage","data","navbarShow","navbar","subtitle","avatar","url","token","appNo","pt","tc","providerId","多容器示例","width","携带历史记录示例","overflow","chatProps","clearBtnShow"],"sources":["../../../../src/components/XAiProvider/XAiProvider.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport { Button } from 'antd';\nimport XAiProvider from './index';\nimport XAiChatbot from '../XAiChatbot';\nimport XAiConversations from '../XAiConversations';\n\nconst meta: Meta<typeof XAiProvider> = {\n  title: 'AI组件/XAiProvider AI容器',\n  component: XAiProvider,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'AI 聊天机器人容器组件，提供全局上下文和消息管理功能。',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    config: {\n      description: '配置信息',\n      table: {\n        type: { \n          summary: 'XAiProviderConfig',\n          detail: `{\n            appNo?: string;  // 应用唯一编号\n            pt?: string;     // 授权方式\n            tc?: string;     // 租户key\n          }`\n        },\n        category: '配置选项'\n      }\n    }\n  },\n  // 添加装饰器，确保组件有必要的上下文\n  decorators: [\n    (Story) => (\n      <div style={{ padding: '20px' }}>\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 使用 Provider 的 XAiChatbot\nexport const 单聊天窗口实例: Story = {\n  render: (args) => {\n    const providerRef = React.useRef<any>(null);\n\n    const handleSendMessage = () => {\n      if (providerRef.current?.chat) {\n        providerRef.current.chat('你好，AI！');\n      } else {\n        console.log('XAiProvider ref 未准备好或 chat 方法不存在');\n      }\n    };\n\n    return (\n      <div style={{ display: 'flex' }}>\n        <div style={{ display: 'flex', flexDirection: 'column', gap: '12px', marginRight: '24px', justifyContent: 'center' }}>\n          <Button type=\"primary\" onClick={handleSendMessage}>发送消息</Button>\n        </div>\n        <div style={{ maxWidth: '800px', height: '600px' }}>\n          <XAiProvider\n            ref={providerRef}\n            {...args}\n            onError={(providerError) => console.log(providerError)}\n            onMessage={(data) => console.log(data)}\n          >\n            <XAiChatbot\n              navbarShow\n              navbar={{\n                title: 'Provider 聊天机器人',\n                subtitle: '由 Provider 管理消息',\n                avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n              }}\n            />\n          </XAiProvider>\n        </div>\n      </div>\n    );\n  },\n  args: {\n    url: 'http://ai-platform.xline-dev.test.xinke.biz',\n    token: 'eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiI4ZjYxNjE2Yy05ZWZjLTQ5ZmMtOWFmYi00OWZiZDNhNGVmNzciLCJzdWIiOiLmnLHmmajkuq4iLCJpc3MiOiJodHRwczovL2NoYXQtZGV2LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTc5MjUwOTQsImV4cCI6MTc1NzkzMjI5NCwidHlwZSI6ImFjY2VzcyIsImNsaWVudF9pZCI6IkFwcDE5NTUyMzA4NTA4OTU2ODc2ODAiLCJzY29wZSI6ImFsbCIsInBsYXRmb3JtX3R5cGUiOiJNYWluU3RhdGlvbiJ9._lZMQ_V0Tzv54Cez-Wc9OQCpP1dt6k0HqOiGZ8DBd_f3HPa1mjF3wJP-0ToBLH8udMrFQmkjAOD3jzvTUqHSJA',\n    config: {\n      appNo: 'App1955230850895687680',\n      pt: 'MainStation',\n      tc: 'ZABX',\n    },\n    providerId: 'demo-provider',\n  },\n};\n\n// export const 带历史记录聊天窗口: Story = {\n//   render: (args) => {\n//     function WithStyles(props: any) {\n//       const styles = useStyles();\n//       return (\n//         <XAiProvider {...props}>\n//           <div className={styles.wrapper}>\n//             <div>\n//               <XAiConversations />\n//             </div>\n//             <div>\n//               <XAiChatbot />\n//             </div>\n//           </div>\n//         </XAiProvider>\n//       );\n//     }\n//     return <WithStyles {...args} />;\n//   },\n//   args: {\n//     url: 'http://ai-platform.xline-dev.test.xinke.biz',\n//     token: 'eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiJjYWIxYjM3Ni03MmZjLTRkNWEtOTIzMC01N2U3NmZiMGI4NmQiLCJzdWIiOiJSZXgiLCJpc3MiOiJodHRwOi8vY2hhdC10ZXN0LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTQzMTc1OTAsImV4cCI6MTc1NDkyMjM5MCwidHlwZSI6InJlZnJlc2giLCJjbGllbnRfaWQiOiJBcHAxOTUwMDIwNTk0NDUyNjYwMjI0Iiwic2NvcGUiOiJhbGwiLCJwbGF0Zm9ybV90eXBlIjoiTWFpblN0YXRpb24ifQ.crZFQRycuHHA1iIIFJ5ak9kS1-04Eqro-QWWG8HZj6Dz7DkLWYuQBPCrUlCtavGu0XW5tqHZ5WW4tdST06FvEA',\n//     config: {\n//       appNo: 'App1952213101022154752',\n//       pt: 'MainStation',\n//       tc: 'ZABX',\n//     },\n//     providerId: 'demo-provider',\n//   },\n// };\n\n// 多个 Provider 示例\nexport const 多容器示例: Story = {\n  render: (args) => (\n    <div style={{ display: 'flex', gap: '20px' }}>\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-1\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 1',\n              subtitle: '第一个聊天机器人',\n              avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n            }}\n          />\n        </XAiProvider>\n      </div>\n\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-2\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 2',\n              subtitle: '第二个聊天机器人',\n              avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n            }}\n          />\n        </XAiProvider>\n      </div>\n    </div>\n  ),\n  args: {\n    url: 'https://api.example.com/ai',\n    token: 'your-token-here',\n  },\n};\n\n// 使用 Provider 的 XAiChatbot\nexport const 携带历史记录示例: Story = {\n  render: (args) => {\n    const providerRef = React.useRef<any>(null);\n\n    return (\n        <div style={{ width: '800px', height: '600px', overflow: 'hidden' }}>\n          <XAiProvider\n            ref={providerRef}\n            {...args}\n            onError={(providerError) => console.log(providerError)}\n            onMessage={(data) => console.log(data)}\n          >\n              <XAiConversations />\n              <XAiChatbot\n                navbar={{\n                  title: 'Provider 聊天机器人',\n                  subtitle: '由 Provider 管理消息',\n                  avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n                }}\n              />\n          </XAiProvider>\n        </div>\n    );\n  },\n  args: {\n    url: 'http://ai-platform.xline-dev.test.xinke.biz',\n    token: 'eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiJiZGVmZjAyZS01N2VmLTQzMzItOGY5Zi1lNmMyZDdjM2RlYTEiLCJzdWIiOiLmnLHmmajkuq4iLCJpc3MiOiJodHRwczovL2NoYXQtZGV2LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTgwOTAxMDIsImV4cCI6MTc1ODA5NzMwMiwidHlwZSI6ImFjY2VzcyIsImNsaWVudF9pZCI6IkFwcDE5NjMxODcwMjEwMzc5Mjg0NDgiLCJzY29wZSI6ImFsbCIsInBsYXRmb3JtX3R5cGUiOiJNYWluU3RhdGlvbiJ9.NrnkXcGUZ098ElJmSH1DqCAxHAF05d9Rs15JiuprnW6Z4WK6m4DrDvZTxbNcYcfrtHvcc3nCBAYajz6x5M03QA',\n    config: {\n      appNo: 'App1963187021037928448',\n      pt: 'MainStation',\n      tc: 'ZABX',\n      chatProps: {\n        clearBtnShow: false\n      }\n    },\n    providerId: 'demo-provider',\n  },\n};"],"mappings":"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"}
+{"version":3,"names":["React","Button","XAiProvider","XAiChatbot","XAiConversations","jsx","_jsx","jsxs","_jsxs","meta","title","component","parameters","layout","docs","description","tags","argTypes","config","table","type","summary","detail","category","decorators","Story","style","padding","children","单聊天窗口实例","render","args","providerRef","useRef","handleSendMessage","_providerRef$current","current","chat","console","log","display","flexDirection","gap","marginRight","justifyContent","onClick","maxWidth","height","_objectSpread","ref","onError","providerError","onMessage","data","navbarShow","navbar","subtitle","avatar","url","token","appNo","pt","tc","providerId","多容器示例","width","携带历史记录示例","overflow","flex","chatProps","clearBtnShow"],"sources":["../../../../src/components/XAiProvider/XAiProvider.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport { Button } from 'antd';\nimport XAiProvider from './index';\nimport XAiChatbot from '../XAiChatbot';\nimport XAiConversations from '../XAiConversations';\n\nconst meta: Meta<typeof XAiProvider> = {\n  title: 'AI组件/XAiProvider AI容器',\n  component: XAiProvider,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'AI 聊天机器人容器组件，提供全局上下文和消息管理功能。',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    config: {\n      description: '配置信息',\n      table: {\n        type: { \n          summary: 'XAiProviderConfig',\n          detail: `{\n            appNo?: string;  // 应用唯一编号\n            pt?: string;     // 授权方式\n            tc?: string;     // 租户key\n          }`\n        },\n        category: '配置选项'\n      }\n    }\n  },\n  // 添加装饰器，确保组件有必要的上下文\n  decorators: [\n    (Story) => (\n      <div style={{ padding: '20px' }}>\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 使用 Provider 的 XAiChatbot\nexport const 单聊天窗口实例: Story = {\n  render: (args) => {\n    const providerRef = React.useRef<any>(null);\n\n    const handleSendMessage = () => {\n      if (providerRef.current?.chat) {\n        providerRef.current.chat('你好，AI！');\n      } else {\n        console.log('XAiProvider ref 未准备好或 chat 方法不存在');\n      }\n    };\n\n    return (\n      <div style={{ display: 'flex' }}>\n        <div style={{ display: 'flex', flexDirection: 'column', gap: '12px', marginRight: '24px', justifyContent: 'center' }}>\n          <Button type=\"primary\" onClick={handleSendMessage}>发送消息</Button>\n        </div>\n        <div style={{ maxWidth: '800px', height: '600px' }}>\n          <XAiProvider\n            ref={providerRef}\n            {...args}\n            onError={(providerError) => console.log(providerError)}\n            onMessage={(data) => console.log(data)}\n          >\n            <XAiChatbot\n              navbarShow\n              navbar={{\n                title: 'Provider 聊天机器人',\n                subtitle: '由 Provider 管理消息',\n                avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n              }}\n            />\n          </XAiProvider>\n        </div>\n      </div>\n    );\n  },\n  args: {\n    url: 'http://ai-platform.xline-dev.test.xinke.biz',\n    token: 'eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiI4ZjYxNjE2Yy05ZWZjLTQ5ZmMtOWFmYi00OWZiZDNhNGVmNzciLCJzdWIiOiLmnLHmmajkuq4iLCJpc3MiOiJodHRwczovL2NoYXQtZGV2LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTc5MjUwOTQsImV4cCI6MTc1NzkzMjI5NCwidHlwZSI6ImFjY2VzcyIsImNsaWVudF9pZCI6IkFwcDE5NTUyMzA4NTA4OTU2ODc2ODAiLCJzY29wZSI6ImFsbCIsInBsYXRmb3JtX3R5cGUiOiJNYWluU3RhdGlvbiJ9._lZMQ_V0Tzv54Cez-Wc9OQCpP1dt6k0HqOiGZ8DBd_f3HPa1mjF3wJP-0ToBLH8udMrFQmkjAOD3jzvTUqHSJA',\n    config: {\n      appNo: 'App1955230850895687680',\n      pt: 'MainStation',\n      tc: 'ZABX',\n    },\n    providerId: 'demo-provider',\n  },\n};\n\n// export const 带历史记录聊天窗口: Story = {\n//   render: (args) => {\n//     function WithStyles(props: any) {\n//       const styles = useStyles();\n//       return (\n//         <XAiProvider {...props}>\n//           <div className={styles.wrapper}>\n//             <div>\n//               <XAiConversations />\n//             </div>\n//             <div>\n//               <XAiChatbot />\n//             </div>\n//           </div>\n//         </XAiProvider>\n//       );\n//     }\n//     return <WithStyles {...args} />;\n//   },\n//   args: {\n//     url: 'http://ai-platform.xline-dev.test.xinke.biz',\n//     token: 'eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiJjYWIxYjM3Ni03MmZjLTRkNWEtOTIzMC01N2U3NmZiMGI4NmQiLCJzdWIiOiJSZXgiLCJpc3MiOiJodHRwOi8vY2hhdC10ZXN0LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTQzMTc1OTAsImV4cCI6MTc1NDkyMjM5MCwidHlwZSI6InJlZnJlc2giLCJjbGllbnRfaWQiOiJBcHAxOTUwMDIwNTk0NDUyNjYwMjI0Iiwic2NvcGUiOiJhbGwiLCJwbGF0Zm9ybV90eXBlIjoiTWFpblN0YXRpb24ifQ.crZFQRycuHHA1iIIFJ5ak9kS1-04Eqro-QWWG8HZj6Dz7DkLWYuQBPCrUlCtavGu0XW5tqHZ5WW4tdST06FvEA',\n//     config: {\n//       appNo: 'App1952213101022154752',\n//       pt: 'MainStation',\n//       tc: 'ZABX',\n//     },\n//     providerId: 'demo-provider',\n//   },\n// };\n\n// 多个 Provider 示例\nexport const 多容器示例: Story = {\n  render: (args) => (\n    <div style={{ display: 'flex', gap: '20px' }}>\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-1\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 1',\n              subtitle: '第一个聊天机器人',\n              avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n            }}\n          />\n        </XAiProvider>\n      </div>\n\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-2\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 2',\n              subtitle: '第二个聊天机器人',\n              avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n            }}\n          />\n        </XAiProvider>\n      </div>\n    </div>\n  ),\n  args: {\n    url: 'https://api.example.com/ai',\n    token: 'your-token-here',\n  },\n};\n\n// 使用 Provider 的 XAiChatbot\nexport const 携带历史记录示例: Story = {\n  render: (args) => {\n    const providerRef = React.useRef<any>(null);\n\n    return (\n        <div style={{ width: '1080px', height: '600px', overflow: 'hidden' }}>\n          <XAiProvider\n            ref={providerRef}\n            {...args}\n            onError={(providerError) => console.log(providerError)}\n            onMessage={(data) => console.log(data)}\n          >\n              <XAiConversations />\n              <div style={{ flex: 1, display: 'flex', justifyContent: 'center' }}>\n                <XAiChatbot\n                  navbar={{\n                    title: 'Provider 聊天机器人',\n                    subtitle: '由 Provider 管理消息',\n                    avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n                  }}\n                />\n              </div>\n          </XAiProvider>\n        </div>\n    );\n  },\n  args: {\n    url: 'http://ai-platform.xline-dev.test.xinke.biz',\n    token: 'eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiJiZGVmZjAyZS01N2VmLTQzMzItOGY5Zi1lNmMyZDdjM2RlYTEiLCJzdWIiOiLmnLHmmajkuq4iLCJpc3MiOiJodHRwczovL2NoYXQtZGV2LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTgwOTAxMDIsImV4cCI6MTc1ODA5NzMwMiwidHlwZSI6ImFjY2VzcyIsImNsaWVudF9pZCI6IkFwcDE5NjMxODcwMjEwMzc5Mjg0NDgiLCJzY29wZSI6ImFsbCIsInBsYXRmb3JtX3R5cGUiOiJNYWluU3RhdGlvbiJ9.NrnkXcGUZ098ElJmSH1DqCAxHAF05d9Rs15JiuprnW6Z4WK6m4DrDvZTxbNcYcfrtHvcc3nCBAYajz6x5M03QA',\n    config: {\n      appNo: 'App1963187021037928448',\n      pt: 'MainStation',\n      tc: 'ZABX',\n      chatProps: {\n        clearBtnShow: false\n      }\n    },\n    providerId: 'demo-provider',\n  },\n};"],"mappings":"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"}

package/dist/esm/components/XAiProvider/demo.styles.d.ts

@@ -31,5 +31,7 @@ declare const useStyles: () => {
     overflow: (type: string) => string;
     position: (type: string) => string;
     zIndex: (index: number) => string;
+    flexCenterGap2: string;
+    flexCenterGap4: string;
 };
 export default useStyles;

package/dist/esm/components/XAiProvider/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { XAiProviderProps, XAiProviderHandle } from "../../types/XAiProvider";
-declare const XAiProvider: React.ForwardRefExoticComponent<XAiProviderProps & React.RefAttributes<XAiProviderHandle>>;
+declare const XAiProvider: import("react").ForwardRefExoticComponent<XAiProviderProps & import("react").RefAttributes<XAiProviderHandle>>;
 export default XAiProvider;

package/dist/esm/components/XAiProvider/index.js

@@ -1,16 +1,19 @@
-import React, { forwardRef, useImperativeHandle } from 'react';
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { forwardRef, useImperativeHandle, useState, useRef, useEffect } from 'react';
 import { message, Divider, Modal, Input } from 'antd';
 import copy from 'copy-to-clipboard';
 import { XProvider } from '@ant-design/x';
 import { ExclamationCircleFilled } from '@ant-design/icons';
 import { XAiContext } from "../../context/AiProviderContext";
 import useAgentGenerator from "../../hooks/useAgentGenerator";
+import { MOBILE_MAX_WIDTH } from "../../constants";
 import userIcon from "../../assets/user.png";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var confirm = Modal.confirm;
 var XAiProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _config$chatProps, _config$session;
+  var _config$chatProps, _config$session, _config$chatProps2;
   var url = _ref.url,
     token = _ref.token,
     config = _ref.config,
@@ -64,6 +67,46 @@ var XAiProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
       setCurrentSessionDetail: setCurrentSessionDetail
     };
   }, [appInfo, messages, chat, stopChat, reChat, setMessages, setCurrentSessionDetail]);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isNarrow = _useState2[0],
+    setIsNarrow = _useState2[1];
+  var divRef = useRef(null);
+
+  // 监听容器宽度变化
+  useEffect(function () {
+    var div = divRef.current;
+    if (!div) return;
+
+    // 创建监听器
+    var resizeObserver = new ResizeObserver(function (entries) {
+      var _iterator = _createForOfIteratorHelper(entries),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var entry = _step.value;
+          var width = entry.contentRect.width;
+          setIsNarrow(width <= MOBILE_MAX_WIDTH);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+
+    // 开始监听
+    resizeObserver.observe(div);
+
+    // 初始化检查
+    var initialWidth = div.offsetWidth;
+    setIsNarrow(initialWidth <= MOBILE_MAX_WIDTH);
+
+    // 清理函数
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, []);
 
   // 发送消息
   var handleSendMessage = function handleSendMessage(_type, content) {
@@ -274,6 +317,8 @@ var XAiProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
         error: null,
         activeKey: currentSessionId,
         clearBtnShow: clearBtnShow,
+        inputShow: (config === null || config === void 0 || (_config$chatProps2 = config.chatProps) === null || _config$chatProps2 === void 0 ? void 0 : _config$chatProps2.inputShow) || true,
+        isNarrow: isNarrow,
         messageTooltip: ToolTip,
         onSend: handleSendMessage,
         onClear: handleCreateNewMessage,
@@ -286,9 +331,11 @@ var XAiProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
         isInProvider: true
       },
       children: /*#__PURE__*/_jsx("div", {
+        ref: divRef,
         style: {
           display: 'flex',
-          height: '100%'
+          height: '100%',
+          position: 'relative'
         },
         children: children
       })

package/dist/esm/components/XAiProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useImperativeHandle","message","Divider","Modal","Input","copy","XProvider","ExclamationCircleFilled","XAiContext","useAgentGenerator","userIcon","jsx","_jsx","jsxs","_jsxs","confirm","XAiProvider","_ref","ref","_config$chatProps","_config$session","url","token","config","_ref$providerId","providerId","onSuccess","onError","onMessage","children","_useAgentGenerator","appInfo","chat","stopChat","reChat","createNewChat","deleteSession","updateSession","currentSessionId","sessionPagination","sessionList","messages","loading","setCurrentSessionDetail","setMessages","_ref2","appName","icon","getAppInfo","getMessages","getSessions","handleSendMessage","_type","content","handleCreateNewMessage","handleActions","index","actionData","_ref3","id","_content$text","text","success","idx","findIndex","item","length","prev","filter","type","handleSuggestMessageClick","_item","m","handleActiveChange","key","handleDeleteSession","sessionId","handleUpdateSession","title","menuConfig","conversation","items","label","danger","onClick","menuInfo","domEvent","stopPropagation","inputValue","defaultValue","autoFocus","style","width","onChange","e","target","value","okText","cancelText","okButtonProps","background","borderColor","color","onOk","trim","error","Promise","reject","onCancel","okType","ToolTip","messageData","finalResult","think","find","actionName","_ref4","extra","cost","tokenCount","display","alignItems","fontSize","flex","paddingRight","undefined","clearBtnShow","chatProps","session","showSessionList","Provider","avatar","src","alt","userAvatar","emptyStateImage","emptyStateText","footerTips","sessionTotal","total","activeKey","messageTooltip","onSend","onClear","onNewChat","onStop","menu","onActiveChange","onSuggestMessageClick","onMessagesActionsCallback","isInProvider","height"],"sources":["../../../../src/components/XAiProvider/index.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle } from 'react';\nimport { message, Divider, Modal, Input } from 'antd';\nimport copy from 'copy-to-clipboard';\nimport { XProvider } from '@ant-design/x';\nimport type { ConversationsProps } from '@ant-design/x';\nimport { DeleteOutlined, ExclamationCircleFilled } from '@ant-design/icons';\nimport { XAiContext } from '@/context/AiProviderContext';\nimport { XAiProviderProps, XAiProviderHandle } from '@/types/XAiProvider';\nimport useAgentGenerator from '@/hooks/useAgentGenerator';\nimport userIcon from '@/assets/user.png';\n\nconst { confirm } = Modal;\n\nconst XAiProvider = forwardRef<XAiProviderHandle, XAiProviderProps>(({\n  url,\n  token,\n  config,\n  providerId = 'defaultId',\n  onSuccess,\n  onError,\n  onMessage,\n  children,\n}, ref) => {\n  // 使用 useAgentGenerator Hook 管理消息状态\n  const {\n    appInfo,\n    chat,\n    stopChat,\n    reChat,\n    createNewChat,\n    deleteSession,\n    updateSession,\n    currentSessionId,\n    sessionPagination,\n    sessionList,\n    messages,\n    loading,\n    setCurrentSessionDetail,\n    setMessages\n  } = useAgentGenerator({ url, token, config, onError, onSuccess, onMessage });\n\n  const { appName, icon } = appInfo || {};\n\n  useImperativeHandle(ref, () => ({\n    chat,\n    stopChat,\n    reChat,\n    getAppInfo: () => appInfo,\n    getMessages: () => messages,\n    getSessions: () => sessionList,\n    setMessages,\n    setCurrentSessionDetail,\n  }), [appInfo, messages, chat, stopChat, reChat, setMessages, setCurrentSessionDetail]);\n\n  // 发送消息\n  const handleSendMessage = (_type: string, content: string) => {\n    chat(content);\n  };\n\n  // 清空消息\n  const handleCreateNewMessage = () => {\n    createNewChat();\n  };\n  \n  // 工具栏按钮点击\n  const handleActions = (index: number, actionData: any) => {\n    const { content, id } = actionData || {};\n    const { text = '' } = content;\n    switch (index) {\n      case 0:\n        reChat();\n        break;\n      case 1:\n        copy(text);\n        message.success('复制成功');\n        break;\n      case 2: {\n        const idx = messages.findIndex((item) => item.id === id);\n        if (idx >= 0) {\n          // 删除该条消息及建议类消息\n          if (messages.length - idx <= 2) {\n            setMessages((prev) => prev.filter((item) => item.id !== id && item.type !== 'SuggestionMessage'));\n          } else {\n            // 非最新消息 只删除该条消息\n            setMessages((prev) => prev.filter((item) => item.id !== id));\n          }\n          message.success('删除成功');\n        }\n        break;\n      }\n    }\n  };\n\n  // 建议消息点击\n  const handleSuggestMessageClick = (_item: any, id: string) => {\n    setMessages((prev: any[]) => prev.filter((m: any) => m.id !== id));\n  };\n\n  // 切换会话\n  const handleActiveChange = (key: string) => {\n    setCurrentSessionDetail(key);\n  };\n\n  // 删除会话\n  const handleDeleteSession = (sessionId: string) => {\n    deleteSession(sessionId);\n  };\n\n  // 修改会话内容\n  const handleUpdateSession = (sessionId: string, title: string) => {\n    updateSession(sessionId, title);\n  }\n\n  // 会话操作菜单\n  const menuConfig: ConversationsProps['menu'] = (conversation) => ({\n    items: [\n      {\n        label: '重命名',\n        key: 'edit',\n      },\n      {\n        label: '删除',\n        key: 'delete',\n        danger: true,\n      },\n    ],\n    onClick: (menuInfo) => {\n      menuInfo.domEvent.stopPropagation();\n      const { key } = menuInfo;\n      switch (key) {\n        case 'edit': {\n          let inputValue = conversation.label as string || '';\n          confirm({\n            title: '编辑对话名称',\n            icon: null,\n            content: (\n              <Input\n                defaultValue={inputValue}\n                autoFocus\n                style={{ width: '100%' }}\n                onChange={e => {\n                  inputValue = e.target.value;\n                }}\n              />\n            ),\n            okText: '确认',\n            cancelText: '取消',\n            okButtonProps: {\n              style: { background: '#000', borderColor: '#000', color: '#fff' }\n            },\n            onOk: () => {\n              if (!inputValue.trim()) {\n                message.error('对话名称不能为空');\n                return Promise.reject();\n              }\n              handleUpdateSession(conversation.key, inputValue);\n            },\n            onCancel: () => {\n              // 静默处理\n            },\n          });\n          break;\n        }\n        case 'delete':\n          confirm({\n            title: '确认删除?',\n            icon: <ExclamationCircleFilled />,\n            content: '该对话内容将被删除无法恢复。',\n            okText: '确认删除',\n            okType: 'danger',\n            cancelText: '取消',\n            okButtonProps: {\n              style: { background: '#ff4d4f', borderColor: '#ff4d4f', color: '#fff' }\n            },\n            onOk() {\n              handleDeleteSession(conversation.key);\n            },\n            onCancel() {\n              //\n            },\n          });\n          break;\n      } \n    },\n  });\n\n  const ToolTip = (messageData: any) => {\n    const finalResult = (messageData?.think || []).find((item: any) => item.actionName === 'FINISHED');\n    if (!finalResult) return null;\n    const { cost, token: tokenCount } = finalResult.extra || {};\n    if (!cost && !token) return null;\n    return (\n      <div style={{ display: 'flex', alignItems: 'center', fontSize: '12px', color: '#949494', flex: 1, paddingRight: '40px' }}>\n        { (cost !== undefined && cost !== null) && <div>{cost}s</div> }\n        { tokenCount && <Divider type=\"vertical\" /> }\n        { tokenCount && <div>{ tokenCount } tokens</div> }\n      </div>\n    );\n  };\n  // 是否展示清空按钮\n  const clearBtnShow = typeof config?.chatProps?.clearBtnShow !== 'undefined'\n    ? config.chatProps.clearBtnShow\n    : !config?.session?.showSessionList;\n\n  return (\n    <XProvider>\n      <XAiContext.Provider value={{\n        avatar: <img src={icon} alt=\"智能体头像\" />,\n        userAvatar: <img src={userIcon} alt=\"用户头像\" />,\n        emptyStateImage: icon,\n        emptyStateText: appName,\n        footerTips: '内容由AI生成，无法确保真实准确，仅供参考',\n        providerId,\n        sessionList,\n        sessionTotal: sessionPagination.total, \n        token,\n        messages,\n        loading,\n        error: null,\n        activeKey: currentSessionId,\n        clearBtnShow,\n        messageTooltip: ToolTip,\n        onSend: handleSendMessage,\n        onClear: handleCreateNewMessage,\n        onNewChat: handleCreateNewMessage,\n        onStop: stopChat,\n        menu: menuConfig,\n        onActiveChange: handleActiveChange,\n        onSuggestMessageClick: handleSuggestMessageClick,\n        onMessagesActionsCallback: handleActions,\n        isInProvider: true,\n      }}\n      >\n        <div style={{\n          display: 'flex',\n          height: '100%'\n        }}>\n          {children}\n        </div>\n      </XAiContext.Provider>\n    </XProvider>\n  );\n});\n\nexport default XAiProvider;\n"],"mappings":"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"}
+{"version":3,"names":["forwardRef","useImperativeHandle","useState","useRef","useEffect","message","Divider","Modal","Input","copy","XProvider","ExclamationCircleFilled","XAiContext","useAgentGenerator","MOBILE_MAX_WIDTH","userIcon","jsx","_jsx","jsxs","_jsxs","confirm","XAiProvider","_ref","ref","_config$chatProps","_config$session","_config$chatProps2","url","token","config","_ref$providerId","providerId","onSuccess","onError","onMessage","children","_useAgentGenerator","appInfo","chat","stopChat","reChat","createNewChat","deleteSession","updateSession","currentSessionId","sessionPagination","sessionList","messages","loading","setCurrentSessionDetail","setMessages","_ref2","appName","icon","getAppInfo","getMessages","getSessions","_useState","_useState2","_slicedToArray","isNarrow","setIsNarrow","divRef","div","current","resizeObserver","ResizeObserver","entries","_iterator","_createForOfIteratorHelper","_step","s","n","done","entry","value","width","contentRect","err","e","f","observe","initialWidth","offsetWidth","disconnect","handleSendMessage","_type","content","handleCreateNewMessage","handleActions","index","actionData","_ref3","id","_content$text","text","success","idx","findIndex","item","length","prev","filter","type","handleSuggestMessageClick","_item","m","handleActiveChange","key","handleDeleteSession","sessionId","handleUpdateSession","title","menuConfig","conversation","items","label","danger","onClick","menuInfo","domEvent","stopPropagation","inputValue","defaultValue","autoFocus","style","onChange","target","okText","cancelText","okButtonProps","background","borderColor","color","onOk","trim","error","Promise","reject","onCancel","okType","ToolTip","messageData","finalResult","think","find","actionName","_ref4","extra","cost","tokenCount","display","alignItems","fontSize","flex","paddingRight","undefined","clearBtnShow","chatProps","session","showSessionList","Provider","avatar","src","alt","userAvatar","emptyStateImage","emptyStateText","footerTips","sessionTotal","total","activeKey","inputShow","messageTooltip","onSend","onClear","onNewChat","onStop","menu","onActiveChange","onSuggestMessageClick","onMessagesActionsCallback","isInProvider","height","position"],"sources":["../../../../src/components/XAiProvider/index.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useState, useRef, useEffect } from 'react';\nimport { message, Divider, Modal, Input } from 'antd';\nimport copy from 'copy-to-clipboard';\nimport { XProvider } from '@ant-design/x';\nimport type { ConversationsProps } from '@ant-design/x';\nimport { ExclamationCircleFilled } from '@ant-design/icons';\nimport { XAiContext } from '@/context/AiProviderContext';\nimport { XAiProviderProps, XAiProviderHandle } from '@/types/XAiProvider';\nimport useAgentGenerator from '@/hooks/useAgentGenerator';\nimport { MOBILE_MAX_WIDTH } from '@/constants';\nimport userIcon from '@/assets/user.png';\n\nconst { confirm } = Modal;\n\nconst XAiProvider = forwardRef<XAiProviderHandle, XAiProviderProps>(({\n  url,\n  token,\n  config,\n  providerId = 'defaultId',\n  onSuccess,\n  onError,\n  onMessage,\n  children,\n}, ref) => {\n  // 使用 useAgentGenerator Hook 管理消息状态\n  const {\n    appInfo,\n    chat,\n    stopChat,\n    reChat,\n    createNewChat,\n    deleteSession,\n    updateSession,\n    currentSessionId,\n    sessionPagination,\n    sessionList,\n    messages,\n    loading,\n    setCurrentSessionDetail,\n    setMessages\n  } = useAgentGenerator({ url, token, config, onError, onSuccess, onMessage });\n\n  const { appName, icon } = appInfo || {};\n\n  useImperativeHandle(ref, () => ({\n    chat,\n    stopChat,\n    reChat,\n    getAppInfo: () => appInfo,\n    getMessages: () => messages,\n    getSessions: () => sessionList,\n    setMessages,\n    setCurrentSessionDetail,\n  }), [appInfo, messages, chat, stopChat, reChat, setMessages, setCurrentSessionDetail]);\n\n  const [isNarrow, setIsNarrow] = useState<boolean>(false);\n  const divRef = useRef<HTMLDivElement>(null);\n\n  // 监听容器宽度变化\n  useEffect(() => {\n    const div = divRef.current;\n    if (!div) return;\n\n    // 创建监听器\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const width = entry.contentRect.width;\n        setIsNarrow(width <= MOBILE_MAX_WIDTH);\n      }\n    })\n\n    // 开始监听\n    resizeObserver.observe(div);\n\n    // 初始化检查\n    const initialWidth = div.offsetWidth;\n    setIsNarrow(initialWidth <= MOBILE_MAX_WIDTH);\n\n    // 清理函数\n    return () => {\n      resizeObserver.disconnect();\n    }\n  }, []);\n\n  // 发送消息\n  const handleSendMessage = (_type: string, content: string) => {\n    chat(content);\n  };\n\n  // 清空消息\n  const handleCreateNewMessage = () => {\n    createNewChat();\n  };\n  \n  // 工具栏按钮点击\n  const handleActions = (index: number, actionData: any) => {\n    const { content, id } = actionData || {};\n    const { text = '' } = content;\n    switch (index) {\n      case 0:\n        reChat();\n        break;\n      case 1:\n        copy(text);\n        message.success('复制成功');\n        break;\n      case 2: {\n        const idx = messages.findIndex((item) => item.id === id);\n        if (idx >= 0) {\n          // 删除该条消息及建议类消息\n          if (messages.length - idx <= 2) {\n            setMessages((prev) => prev.filter((item) => item.id !== id && item.type !== 'SuggestionMessage'));\n          } else {\n            // 非最新消息 只删除该条消息\n            setMessages((prev) => prev.filter((item) => item.id !== id));\n          }\n          message.success('删除成功');\n        }\n        break;\n      }\n    }\n  };\n\n  // 建议消息点击\n  const handleSuggestMessageClick = (_item: any, id: string) => {\n    setMessages((prev: any[]) => prev.filter((m: any) => m.id !== id));\n  };\n\n  // 切换会话\n  const handleActiveChange = (key: string) => {\n    setCurrentSessionDetail(key);\n  };\n\n  // 删除会话\n  const handleDeleteSession = (sessionId: string) => {\n    deleteSession(sessionId);\n  };\n\n  // 修改会话内容\n  const handleUpdateSession = (sessionId: string, title: string) => {\n    updateSession(sessionId, title);\n  }\n\n  // 会话操作菜单\n  const menuConfig: ConversationsProps['menu'] = (conversation) => ({\n    items: [\n      {\n        label: '重命名',\n        key: 'edit',\n      },\n      {\n        label: '删除',\n        key: 'delete',\n        danger: true,\n      },\n    ],\n    onClick: (menuInfo) => {\n      menuInfo.domEvent.stopPropagation();\n      const { key } = menuInfo;\n      switch (key) {\n        case 'edit': {\n          let inputValue = conversation.label as string || '';\n          confirm({\n            title: '编辑对话名称',\n            icon: null,\n            content: (\n              <Input\n                defaultValue={inputValue}\n                autoFocus\n                style={{ width: '100%' }}\n                onChange={e => {\n                  inputValue = e.target.value;\n                }}\n              />\n            ),\n            okText: '确认',\n            cancelText: '取消',\n            okButtonProps: {\n              style: { background: '#000', borderColor: '#000', color: '#fff' }\n            },\n            onOk: () => {\n              if (!inputValue.trim()) {\n                message.error('对话名称不能为空');\n                return Promise.reject();\n              }\n              handleUpdateSession(conversation.key, inputValue);\n            },\n            onCancel: () => {\n              // 静默处理\n            },\n          });\n          break;\n        }\n        case 'delete':\n          confirm({\n            title: '确认删除?',\n            icon: <ExclamationCircleFilled />,\n            content: '该对话内容将被删除无法恢复。',\n            okText: '确认删除',\n            okType: 'danger',\n            cancelText: '取消',\n            okButtonProps: {\n              style: { background: '#ff4d4f', borderColor: '#ff4d4f', color: '#fff' }\n            },\n            onOk() {\n              handleDeleteSession(conversation.key);\n            },\n            onCancel() {\n              //\n            },\n          });\n          break;\n      } \n    },\n  });\n\n  const ToolTip = (messageData: any) => {\n    const finalResult = (messageData?.think || []).find((item: any) => item.actionName === 'FINISHED');\n    if (!finalResult) return null;\n    const { cost, token: tokenCount } = finalResult.extra || {};\n    if (!cost && !token) return null;\n    return (\n      <div style={{ display: 'flex', alignItems: 'center', fontSize: '12px', color: '#949494', flex: 1, paddingRight: '40px' }}>\n        { (cost !== undefined && cost !== null) && <div>{cost}s</div> }\n        { tokenCount && <Divider type=\"vertical\" /> }\n        { tokenCount && <div>{ tokenCount } tokens</div> }\n      </div>\n    );\n  };\n  // 是否展示清空按钮\n  const clearBtnShow = typeof config?.chatProps?.clearBtnShow !== 'undefined'\n    ? config.chatProps.clearBtnShow\n    : !config?.session?.showSessionList;\n  \n\n  return (\n    <XProvider>\n      <XAiContext.Provider value={{\n        avatar: <img src={icon} alt=\"智能体头像\" />,\n        userAvatar: <img src={userIcon} alt=\"用户头像\" />,\n        emptyStateImage: icon,\n        emptyStateText: appName,\n        footerTips: '内容由AI生成，无法确保真实准确，仅供参考',\n        providerId,\n        sessionList,\n        sessionTotal: sessionPagination.total, \n        token,\n        messages,\n        loading,\n        error: null,\n        activeKey: currentSessionId,\n        clearBtnShow,\n        inputShow: config?.chatProps?.inputShow || true,\n        isNarrow,\n        messageTooltip: ToolTip,\n        onSend: handleSendMessage,\n        onClear: handleCreateNewMessage,\n        onNewChat: handleCreateNewMessage,\n        onStop: stopChat,\n        menu: menuConfig,\n        onActiveChange: handleActiveChange,\n        onSuggestMessageClick: handleSuggestMessageClick,\n        onMessagesActionsCallback: handleActions,\n        isInProvider: true,\n      }}\n      >\n        <div\n          ref={divRef}\n          style={{\n          display: 'flex',\n          height: '100%',\n          position: 'relative',\n        }}>\n          {children}\n        </div>\n      </XAiContext.Provider>\n    </XProvider>\n  );\n});\n\nexport default XAiProvider;\n"],"mappings":"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"}

package/dist/esm/components/XAiSender/XAiSender.stories.d.ts

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