@ai-group/chat-sdk 2.1.13 → 3.0.1-alpha.2

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

@@ -1 +1 @@
-{"version":3,"names":["css","withBasicStyles","useStyles","container","_templateObject","_taggedTemplateLiteral","fileListArea","_templateObject2","fileList","_templateObject3","fileCard","_templateObject4","fileSize","_templateObject5","uploadProgress","_templateObject6","fileIcon","_templateObject7","fileInfo","_templateObject8","fileName","_templateObject9","fileRemoveBtn","_templateObject10","mainArea","_templateObject11","senderWrap","_templateObject12","inputAndButtons","_templateObject13","textAreaWrapper","_templateObject14","textArea","_templateObject15","buttonGroup","_templateObject16","iconButton","_templateObject17","clearButton","_templateObject18","uploadButton","_templateObject19","sendButton","_templateObject20","tip","_templateObject21"],"sources":["../../../../src/components/XAdkSender/styles.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { withBasicStyles } from '@/styles/common';\n\nexport const useStyles = withBasicStyles(() => ({\n  // 容器样式 - 最外层边框\n  container: css`\n    background: #fff;\n    position: relative;\n    overflow: hidden;\n    padding: 10px 15px;\n    overflow: visible;\n    border: 2px solid transparent;\n    transition: all 0.3s ease;\n    \n    &.drag-over {\n      border: 2px dashed #000;\n      background: rgba(0, 0, 0, 0.02);\n    }\n  `,\n  \n  // 文件列表区域\n  fileListArea: css`\n    padding: 12px 16px 0 16px;\n    max-height: 150px;\n    overflow-y: auto;\n    \n    &::-webkit-scrollbar {\n      width: 4px;\n    }\n    \n    &::-webkit-scrollbar-track {\n      background: #f5f5f5;\n      border-radius: 2px;\n    }\n    \n    &::-webkit-scrollbar-thumb {\n      background: #d9d9d9;\n      border-radius: 2px;\n    }\n    \n    &::-webkit-scrollbar-thumb:hover {\n      background: #bfbfbf;\n    }\n  `,\n  \n  // 文件列表\n  fileList: css`\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 12px;\n  `,\n  \n  // 文件卡片\n  fileCard: css`\n    position: relative;\n    display: flex;\n    align-items: center;\n    padding: 8px 12px;\n    height: 64px;\n    box-sizing: border-box;\n    background: #fafafa;\n    border: 1px solid #f0f0f0;\n    border-radius: 8px;\n    min-width: 0;\n    flex: 0 0 auto;\n    max-width: 200px;\n    \n    &:hover {\n      background: #f5f5f5;\n    }\n  `,\n\n  fileSize: css`\n    font-size: 11px;\n    color: #8c8c8c;\n    line-height: 1.4;\n    height: 16px;\n    display: flex;\n    align-items: center;\n  `,\n\n  // 进度条容器\n  uploadProgress: css`\n    height: 16px;\n    display: flex;\n    align-items: center;\n    \n    .ant-progress {\n      width: 100%;\n      margin: 0;\n    }\n    \n    .ant-progress-inner {\n      height: 4px !important;\n    }\n    \n    .ant-progress-bg {\n      height: 4px !important;\n    }\n  `,\n  \n  // 文件图标\n  fileIcon: css`\n    font-size: 18px;\n    color: #1890ff;\n    margin-right: 10px;\n    flex-shrink: 0;\n  `,\n  \n  // 文件信息\n  fileInfo: css`\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n  `,\n  \n  // 文件名\n  fileName: css`\n    font-size: 12px;\n    font-weight: 500;\n    color: #262626;\n    margin-bottom: 2px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    line-height: 1.4;\n  `,\n  \n  // 文件删除按钮 - 黑底白字\n  fileRemoveBtn: css`\n    position: absolute;\n    top: -4px;\n    right: -4px;\n    width: 16px;\n    height: 16px;\n    min-width: 16px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.75);\n    color: #fff;\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 1;\n    padding: 0;\n    font-size: 8px;\n    transition: all 0.2s ease;\n    \n    &:hover {\n      background: rgba(0, 0, 0, 0.9);\n      transform: scale(1.1);\n    }\n    \n    &:active {\n      transform: scale(0.95);\n    }\n  `,\n  \n  // 主内容区域\n  mainArea: css`\n    //\n  `,\n  \n  // 发送区域\n  senderWrap: css`\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    background: var(--yb-input-bg-color);\n    border: .5px solid var(--widget-line, rgba(0, 0, 0, .08));\n    border-radius: 20px;\n    box-sizing: border-box;\n    caret-color: var(--yb-input-caret-color);\n    flex: auto;\n    font-size: 14px;\n    gap: 6px;\n    line-height: 22px;\n    padding: 7px 12px 7px 7px;\n    position: relative;\n    transition-duration: .2s;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, box-shadow;\n    transition-timing-function: linear;\n    box-shadow: 0 6px 30px 0 rgba(0,0,0,.08);\n  `,\n  \n  // 输入框和按钮容器\n  inputAndButtons: css`\n    flex: 1;\n    display: flex;\n    align-items: flex-end;\n    gap: 8px;\n  `,\n  \n  // 文本输入框容器\n  textAreaWrapper: css`\n    flex: 1;\n    display: flex;\n    align-items: center;\n    background: #fff;\n    padding: 0 16px;\n    min-height: 44px;\n    \n    /* 移除所有蓝色效果 */\n    &:focus-within {\n      border-color: #d9d9d9;\n      box-shadow: none;\n    }\n    \n    .ant-input:disabled {\n      background: transparent !important;\n    }\n    \n    &::placeholder {\n      color: #bfbfbf;\n    }\n  `,\n\n  // 文本输入框\n  textArea: css`\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    line-height: 1.5;\n    padding: 12px 0;\n    outline: none;\n    color: #262626;\n  `,\n  \n  // 按钮组\n  buttonGroup: css`\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    height: 44px;\n  `,\n  \n  // 按钮统一样式\n  iconButton: css`\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n    \n    &:hover {\n      transform: translateY(-1px);\n    }\n    \n    &:active {\n      transform: translateY(0);\n    }\n  `,\n  \n  // 清空按钮\n  clearButton: css`\n    border: 1px solid #f0f0f0;\n    background: #fff;\n    color: #8c8c8c;\n    \n    &:hover {\n      border-color: #d9d9d9;\n      color: #262626;\n      background: #fafafa;\n    }\n    \n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  `,\n  \n  // 上传按钮\n  uploadButton: css`\n    border: 1px solid #f0f0f0;\n    background: #fff;\n    \n    &:hover {\n      //\n    }\n    \n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      border-color: #f0f0f0;\n      background: #fafafa;\n    }\n  `,\n  \n  // 发送按钮\n  sendButton: css`\n    background: #000;\n    border: none;\n    color: #fff;\n    \n    &:hover:not(:disabled) {\n      background: #333; /* 悬停状态 */\n    }\n    \n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      background: #cccccc;\n      color: #fff;\n    }\n    \n    &.stop {\n      //\n      \n      &:hover:not(:disabled) {\n        //\n      }\n      \n      &:disabled {\n        background: #cccccc; /* 禁用状态也保持淡灰色 */\n      }\n    }\n  `,\n  \n  // 底部提示\n  tip: css`\n    margin: 12px 0;\n    text-align: center;\n    font-size: 12px;\n    color: #8c8c8c;\n  `\n}));"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe;AAExB,OAAO,IAAMC,SAAS,GAAGD,eAAe,CAAC;EAAA,OAAO;IAC9C;IACAE,SAAS,EAAEH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gTAab;IAED;IACAC,YAAY,EAAEN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,obAsBhB;IAED;IACAG,QAAQ,EAAER,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,+FAKZ;IAED;IACAK,QAAQ,EAAEV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,qWAiBZ;IAEDO,QAAQ,EAAEZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,+IAOZ;IAED;IACAS,cAAc,EAAEd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,gSAiBlB;IAED;IACAW,QAAQ,EAAEhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,qGAKZ;IAED;IACAa,QAAQ,EAAElB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,oEAIZ;IAED;IACAe,QAAQ,EAAEpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA,6MASZ;IAED;IACAiB,aAAa,EAAEtB,GAAG,CAAAuB,iBAAA,KAAAA,iBAAA,GAAAlB,sBAAA,4jBA4BjB;IAED;IACAmB,QAAQ,EAAExB,GAAG,CAAAyB,iBAAA,KAAAA,iBAAA,GAAApB,sBAAA,oBAEZ;IAED;IACAqB,UAAU,EAAE1B,GAAG,CAAA2B,iBAAA,KAAAA,iBAAA,GAAAtB,sBAAA,2oBAmBd;IAED;IACAuB,eAAe,EAAE5B,GAAG,CAAA6B,iBAAA,KAAAA,iBAAA,GAAAxB,sBAAA,yFAKnB;IAED;IACAyB,eAAe,EAAE9B,GAAG,CAAA+B,iBAAA,KAAAA,iBAAA,GAAA1B,sBAAA,+aAqBnB;IAED;IACA2B,QAAQ,EAAEhC,GAAG,CAAAiC,iBAAA,KAAAA,iBAAA,GAAA5B,sBAAA,uLASZ;IAED;IACA6B,WAAW,EAAElC,GAAG,CAAAmC,iBAAA,KAAAA,iBAAA,GAAA9B,sBAAA,4FAKf;IAED;IACA+B,UAAU,EAAEpC,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAAhC,sBAAA,0UAiBd;IAED;IACAiC,WAAW,EAAEtC,GAAG,CAAAuC,iBAAA,KAAAA,iBAAA,GAAAlC,sBAAA,qRAef;IAED;IACAmC,YAAY,EAAExC,GAAG,CAAAyC,iBAAA,KAAAA,iBAAA,GAAApC,sBAAA,mPAchB;IAED;IACAqC,UAAU,EAAE1C,GAAG,CAAA2C,iBAAA,KAAAA,iBAAA,GAAAtC,sBAAA,mhBA2Bd;IAED;IACAuC,GAAG,EAAE5C,GAAG,CAAA6C,iBAAA,KAAAA,iBAAA,GAAAxC,sBAAA;EAMV,CAAC;AAAA,CAAC,CAAC"}
+{"version":3,"names":["css","withBasicStyles","useStyles","container","_templateObject","_taggedTemplateLiteral","mainArea","_templateObject2","senderWrap","_templateObject3","inputAndButtons","_templateObject4","textAreaWrapper","_templateObject5","textArea","_templateObject6","buttonGroup","_templateObject7","iconButton","_templateObject8","clearButton","_templateObject9","uploadButton","_templateObject10","sendButton","_templateObject11","tip","_templateObject12"],"sources":["../../../../src/components/XAdkSender/styles.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  // 容器样式 - 最外层边框\n  container: css`\n    background: #fff;\n    position: relative;\n    overflow: hidden;\n    padding: 10px 15px;\n    overflow: visible;\n    border: 2px solid transparent;\n    transition: all 0.3s ease;\n\n    &.drag-over {\n      border: 2px dashed #000;\n      background: rgba(0, 0, 0, 0.02);\n    }\n  `,\n\n\n  // 主内容区域\n  mainArea: css`\n    //\n  `,\n\n  // 发送区域\n  senderWrap: css`\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    background: var(--yb-input-bg-color);\n    border: 0.5px solid var(--widget-line, rgba(0, 0, 0, 0.08));\n    border-radius: 20px;\n    box-sizing: border-box;\n    caret-color: var(--yb-input-caret-color);\n    flex: auto;\n    font-size: 14px;\n    gap: 6px;\n    line-height: 22px;\n    padding: 7px 12px 7px 7px;\n    position: relative;\n    transition-duration: 0.2s;\n    transition-property:\n      color, background-color, border-color, text-decoration-color, fill,\n      stroke, box-shadow;\n    transition-timing-function: linear;\n    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);\n  `,\n\n  // 输入框和按钮容器\n  inputAndButtons: css`\n    flex: 1;\n    display: flex;\n    align-items: flex-end;\n    gap: 8px;\n  `,\n\n  // 文本输入框容器\n  textAreaWrapper: css`\n    flex: 1;\n    display: flex;\n    align-items: center;\n    background: #fff;\n    padding: 0 16px;\n    min-height: 44px;\n\n    /* 移除所有蓝色效果 */\n    &:focus-within {\n      border-color: #d9d9d9;\n      box-shadow: none;\n    }\n\n    .ant-input:disabled {\n      background: transparent !important;\n    }\n\n    &::placeholder {\n      color: #bfbfbf;\n    }\n  `,\n\n  // 文本输入框\n  textArea: css`\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    line-height: 1.5;\n    padding: 12px 0;\n    outline: none;\n    color: #262626;\n  `,\n\n  // 按钮组\n  buttonGroup: css`\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    height: 44px;\n  `,\n\n  // 按钮统一样式\n  iconButton: css`\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n\n    &:hover {\n      transform: translateY(-1px);\n    }\n\n    &:active {\n      transform: translateY(0);\n    }\n  `,\n\n  // 清空按钮\n  clearButton: css`\n    border: 1px solid #f0f0f0;\n    background: #fff;\n    color: #8c8c8c;\n\n    &:hover {\n      border-color: #d9d9d9;\n      color: #262626;\n      background: #fafafa;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  `,\n\n  // 上传按钮\n  uploadButton: css`\n    border: 1px solid #f0f0f0;\n    background: #fff;\n\n    &:hover {\n      //\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      border-color: #f0f0f0;\n      background: #fafafa;\n    }\n  `,\n\n  // 发送按钮\n  sendButton: css`\n    background: #000;\n    border: none;\n    color: #fff;\n\n    &:hover:not(:disabled) {\n      background: #333; /* 悬停状态 */\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      background: #cccccc;\n      color: #fff;\n    }\n\n    &.stop {\n      //\n\n      &:hover:not(:disabled) {\n        //\n      }\n\n      &:disabled {\n        background: #cccccc; /* 禁用状态也保持淡灰色 */\n      }\n    }\n  `,\n\n  // 底部提示\n  tip: css`\n    margin: 12px 0;\n    text-align: center;\n    font-size: 12px;\n    color: #8c8c8c;\n  `,\n}));\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe;AAExB,OAAO,IAAMC,SAAS,GAAGD,eAAe,CAAC;EAAA,OAAO;IAC9C;IACAE,SAAS,EAAEH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4SAab;IAGD;IACAC,QAAQ,EAAEN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,oBAEZ;IAED;IACAG,UAAU,EAAER,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,gqBAqBd;IAED;IACAK,eAAe,EAAEV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,yFAKnB;IAED;IACAO,eAAe,EAAEZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,maAqBnB;IAED;IACAS,QAAQ,EAAEd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,uLASZ;IAED;IACAW,WAAW,EAAEhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,4FAKf;IAED;IACAa,UAAU,EAAElB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,kUAiBd;IAED;IACAe,WAAW,EAAEpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA,6QAef;IAED;IACAiB,YAAY,EAAEtB,GAAG,CAAAuB,iBAAA,KAAAA,iBAAA,GAAAlB,sBAAA,2OAchB;IAED;IACAmB,UAAU,EAAExB,GAAG,CAAAyB,iBAAA,KAAAA,iBAAA,GAAApB,sBAAA,2fA2Bd;IAED;IACAqB,GAAG,EAAE1B,GAAG,CAAA2B,iBAAA,KAAAA,iBAAA,GAAAtB,sBAAA;EAMV,CAAC;AAAA,CAAC,CAAC"}

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

@@ -54,7 +54,7 @@ var XAiConversations = function XAiConversations(props) {
   };
   return /*#__PURE__*/_jsxs("div", {
     className: styles.conversationsWrapper,
-    children: [/*#__PURE__*/_jsx(GlobalStyle, {}), (!listVisible || isNarrow) && /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(GlobalStyle, {}), !listVisible && /*#__PURE__*/_jsxs("div", {
       className: styles.capWrapper,
       children: [/*#__PURE__*/_jsx("img", {
         alt: "logo",

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Conversations","RedoOutlined","Spin","Divider","InfiniteScroll","clsx","useChatbotContext","logo","AddChatIcon","flashOpen","SESSION_PAGE_SIZE","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","className","conversationsWrapper","children","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 InfiniteScroll from 'react-infinite-scroll-component';\nimport clsx from 'clsx';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { type XAiConversationsProps } from '@/types/XAiConversations';\nimport logo from '@/assets/logo.png';\nimport AddChatIcon from '@/assets/svg/AddChatIcon';\nimport flashOpen from '@/assets/flash-open.svg?url';\nimport { SESSION_PAGE_SIZE } from '@/constants';\nimport { useStyles, GlobalStyle } from './styles';\n\nconst XAiConversations: React.FC<XAiConversationsProps> = (props) => {\n  const styles = useStyles();\n  const { mergedProps } = useChatbotContext(props);\n  const {\n    isNarrow = false,\n    sessionList,\n    style,\n    onActiveChange,\n    onNewChat,\n    loadMoreSessions,\n    activeKey,\n    menu,\n  } = mergedProps;\n\n  const [listVisible, setListVisible] = useState(false);\n  const [animateDirection, setAnimateDirection] = useState<'in' | 'out' | null>(null);\n\n  const handleSwitchTab = (key: string) => {\n    onActiveChange?.(key);\n  };\n\n  const handleNewChat = () => {\n    onNewChat?.();\n  };\n\n  const handleShowList = () => {\n    setListVisible(true);\n    setAnimateDirection('in');\n  };\n\n  const handleCloseList = () => {\n    setAnimateDirection('out');\n    setTimeout(() => {\n      setListVisible(false);\n      setAnimateDirection(null);\n    }, 300);\n  };\n\n  return (\n    <div className={styles.conversationsWrapper}>\n      <GlobalStyle />\n      {/** 顶部操作栏 */}\n      {\n        (!listVisible || isNarrow) && (\n          <div className={styles.capWrapper}>\n            <img alt=\"logo\" src={logo} className={clsx(styles.w(32), styles.h(29))} />\n            <div className={styles.capShape}>\n              <div className={styles.capIcon}>\n                <img src={flashOpen} alt=\"\" onClick={handleShowList} />\n              </div>\n              <div className={styles.capIcon}>\n                <AddChatIcon className={clsx(styles.w(17), styles.text('#343434'))} onClick={handleNewChat} />\n              </div>\n            </div>\n          </div>\n        )\n      }\n\n      {/* 会话列表 */}\n      <div\n        style={{ display: listVisible ? 'block' : 'none' }}\n        className={clsx(\n          isNarrow ? styles.nWrapper : styles.fWrapper,\n          animateDirection === 'in' && styles.slideIn,\n          animateDirection === 'out' && styles.slideOut,\n        )}\n      >\n        {/* 固定头部 */}\n        <div className={styles.fheaderWrapper}>\n          <img alt=\"logo\" src={logo} className={clsx(styles.w(32), styles.h(29))} />\n          <div className={styles.capIcon}>\n            <img src={flashOpen} alt=\"\" onClick={handleCloseList} />\n          </div>\n        </div>\n        <div className={styles.addChatBtn} onClick={handleNewChat}>\n          <AddChatIcon className={clsx(styles.w(17), styles.mr(10))} />\n          开启新对话\n        </div>\n        <div className={styles.tipTitle}>历史对话</div>\n\n        {/* 滚动区域 */}\n        <div className={styles.scrollList}>\n          <InfiniteScroll\n            dataLength={sessionList.length}\n            next={loadMoreSessions}\n            hasMore={false}\n            loader={(\n              <div style={{ textAlign: 'center' }}>\n                <Spin indicator={<RedoOutlined spin />} size=\"small\" />\n              </div>\n            )}\n            endMessage={sessionList.length === SESSION_PAGE_SIZE && <Divider plain><span className={styles.textColor('#949494')}>只展示前 50 条数据</span></Divider>}\n            style={{ overflow: 'hidden', paddingBottom: '5px' }}\n          >\n            <Conversations\n              activeKey={activeKey}\n              onActiveChange={(v) => handleSwitchTab(v)}\n              items={sessionList}\n              menu={menu}\n              style={{\n                width: 256,\n                borderRadius: '6px',\n                ...style,\n              }}\n            />\n          </InfiniteScroll>\n        </div>\n      </div>\n\n      {/* 遮罩层 - 仅在窄屏且列表可见时显示 */}\n      {isNarrow && listVisible && (\n        <div className={styles.mask} onClick={handleCloseList} />\n      )}\n    </div>\n  );\n};\n\nexport default XAiConversations;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,IAAI,EAAEC,OAAO,QAAQ,MAAM;AACpC,OAAOC,cAAc,MAAM,iCAAiC;AAC5D,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,iBAAiB;AAE1B,OAAOC,IAAI;AACX,OAAOC,WAAW;AAClB,OAAOC,SAAS;AAChB,SAASC,iBAAiB;AAC1B,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,GAAwBd,iBAAiB,CAACY,KAAK,CAAC;IAAxCG,WAAW,GAAAD,kBAAA,CAAXC,WAAW;EACnB,IAAAC,qBAAA,GASID,WAAW,CARbE,QAAQ;IAARA,QAAQ,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAChBE,WAAW,GAOTH,WAAW,CAPbG,WAAW;IACXC,KAAK,GAMHJ,WAAW,CANbI,KAAK;IACLC,cAAc,GAKZL,WAAW,CALbK,cAAc;IACdC,SAAS,GAIPN,WAAW,CAJbM,SAAS;IACTC,gBAAgB,GAGdP,WAAW,CAHbO,gBAAgB;IAChBC,SAAS,GAEPR,WAAW,CAFbQ,SAAS;IACTC,IAAI,GACFT,WAAW,CADbS,IAAI;EAGN,IAAAC,SAAA,GAAsChC,QAAQ,CAAC,KAAK,CAAC;IAAAiC,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAA9CG,WAAW,GAAAF,UAAA;IAAEG,cAAc,GAAAH,UAAA;EAClC,IAAAI,UAAA,GAAgDrC,QAAQ,CAAsB,IAAI,CAAC;IAAAsC,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,oBACEvB,KAAA;IAAK8B,SAAS,EAAE3B,MAAM,CAAC4B,oBAAqB;IAAAC,QAAA,gBAC1ClC,IAAA,CAACF,WAAW,IAAE,CAAC,EAGb,CAAC,CAACsB,WAAW,IAAIX,QAAQ,kBACvBP,KAAA;MAAK8B,SAAS,EAAE3B,MAAM,CAAC8B,UAAW;MAAAD,QAAA,gBAChClC,IAAA;QAAKoC,GAAG,EAAC,MAAM;QAACC,GAAG,EAAE5C,IAAK;QAACuC,SAAS,EAAEzC,IAAI,CAACc,MAAM,CAACiC,CAAC,CAAC,EAAE,CAAC,EAAEjC,MAAM,CAACkC,CAAC,CAAC,EAAE,CAAC;MAAE,CAAE,CAAC,eAC1ErC,KAAA;QAAK8B,SAAS,EAAE3B,MAAM,CAACmC,QAAS;QAAAN,QAAA,gBAC9BlC,IAAA;UAAKgC,SAAS,EAAE3B,MAAM,CAACoC,OAAQ;UAAAP,QAAA,eAC7BlC,IAAA;YAAKqC,GAAG,EAAE1C,SAAU;YAACyC,GAAG,EAAC,EAAE;YAACM,OAAO,EAAEb;UAAe,CAAE;QAAC,CACpD,CAAC,eACN7B,IAAA;UAAKgC,SAAS,EAAE3B,MAAM,CAACoC,OAAQ;UAAAP,QAAA,eAC7BlC,IAAA,CAACN,WAAW;YAACsC,SAAS,EAAEzC,IAAI,CAACc,MAAM,CAACiC,CAAC,CAAC,EAAE,CAAC,EAAEjC,MAAM,CAACsC,IAAI,CAAC,SAAS,CAAC,CAAE;YAACD,OAAO,EAAEd;UAAc,CAAE;QAAC,CAC3F,CAAC;MAAA,CACH,CAAC;IAAA,CACH,CACN,eAIH1B,KAAA;MACES,KAAK,EAAE;QAAEiC,OAAO,EAAExB,WAAW,GAAG,OAAO,GAAG;MAAO,CAAE;MACnDY,SAAS,EAAEzC,IAAI,CACbkB,QAAQ,GAAGJ,MAAM,CAACwC,QAAQ,GAAGxC,MAAM,CAACyC,QAAQ,EAC5CtB,gBAAgB,KAAK,IAAI,IAAInB,MAAM,CAAC0C,OAAO,EAC3CvB,gBAAgB,KAAK,KAAK,IAAInB,MAAM,CAAC2C,QACvC,CAAE;MAAAd,QAAA,gBAGFhC,KAAA;QAAK8B,SAAS,EAAE3B,MAAM,CAAC4C,cAAe;QAAAf,QAAA,gBACpClC,IAAA;UAAKoC,GAAG,EAAC,MAAM;UAACC,GAAG,EAAE5C,IAAK;UAACuC,SAAS,EAAEzC,IAAI,CAACc,MAAM,CAACiC,CAAC,CAAC,EAAE,CAAC,EAAEjC,MAAM,CAACkC,CAAC,CAAC,EAAE,CAAC;QAAE,CAAE,CAAC,eAC1EvC,IAAA;UAAKgC,SAAS,EAAE3B,MAAM,CAACoC,OAAQ;UAAAP,QAAA,eAC7BlC,IAAA;YAAKqC,GAAG,EAAE1C,SAAU;YAACyC,GAAG,EAAC,EAAE;YAACM,OAAO,EAAEZ;UAAgB,CAAE;QAAC,CACrD,CAAC;MAAA,CACH,CAAC,eACN5B,KAAA;QAAK8B,SAAS,EAAE3B,MAAM,CAAC6C,UAAW;QAACR,OAAO,EAAEd,aAAc;QAAAM,QAAA,gBACxDlC,IAAA,CAACN,WAAW;UAACsC,SAAS,EAAEzC,IAAI,CAACc,MAAM,CAACiC,CAAC,CAAC,EAAE,CAAC,EAAEjC,MAAM,CAAC8C,EAAE,CAAC,EAAE,CAAC;QAAE,CAAE,CAAC,kCAE/D;MAAA,CAAK,CAAC,eACNnD,IAAA;QAAKgC,SAAS,EAAE3B,MAAM,CAAC+C,QAAS;QAAAlB,QAAA,EAAC;MAAI,CAAK,CAAC,eAG3ClC,IAAA;QAAKgC,SAAS,EAAE3B,MAAM,CAACgD,UAAW;QAAAnB,QAAA,eAChClC,IAAA,CAACV,cAAc;UACbgE,UAAU,EAAE5C,WAAW,CAAC6C,MAAO;UAC/BC,IAAI,EAAE1C,gBAAiB;UACvB2C,OAAO,EAAE,KAAM;UACfC,MAAM,eACJ1D,IAAA;YAAKW,KAAK,EAAE;cAAEgD,SAAS,EAAE;YAAS,CAAE;YAAAzB,QAAA,eAClClC,IAAA,CAACZ,IAAI;cAACwE,SAAS,eAAE5D,IAAA,CAACb,YAAY;gBAAC0E,IAAI;cAAA,CAAE,CAAE;cAACC,IAAI,EAAC;YAAO,CAAE;UAAC,CACpD,CACL;UACFC,UAAU,EAAErD,WAAW,CAAC6C,MAAM,KAAK3D,iBAAiB,iBAAII,IAAA,CAACX,OAAO;YAAC2E,KAAK;YAAA9B,QAAA,eAAClC,IAAA;cAAMgC,SAAS,EAAE3B,MAAM,CAAC4D,SAAS,CAAC,SAAS,CAAE;cAAA/B,QAAA,EAAC;YAAW,CAAM;UAAC,CAAS,CAAE;UAClJvB,KAAK,EAAE;YAAEuD,QAAQ,EAAE,QAAQ;YAAEC,aAAa,EAAE;UAAM,CAAE;UAAAjC,QAAA,eAEpDlC,IAAA,CAACd,aAAa;YACZ6B,SAAS,EAAEA,SAAU;YACrBH,cAAc,EAAE,SAAAA,eAACwD,CAAC;cAAA,OAAK1C,eAAe,CAAC0C,CAAC,CAAC;YAAA,CAAC;YAC1CC,KAAK,EAAE3D,WAAY;YACnBM,IAAI,EAAEA,IAAK;YACXL,KAAK,EAAA2D,aAAA;cACHC,KAAK,EAAE,GAAG;cACVC,YAAY,EAAE;YAAK,GAChB7D,KAAK;UACR,CACH;QAAC,CACY;MAAC,CACd,CAAC;IAAA,CACH,CAAC,EAGLF,QAAQ,IAAIW,WAAW,iBACtBpB,IAAA;MAAKgC,SAAS,EAAE3B,MAAM,CAACoE,IAAK;MAAC/B,OAAO,EAAEZ;IAAgB,CAAE,CACzD;EAAA,CACE,CAAC;AAEV,CAAC;AAED,eAAe3B,gBAAgB"}
+{"version":3,"names":["React","useState","Conversations","RedoOutlined","Spin","Divider","InfiniteScroll","clsx","useChatbotContext","logo","AddChatIcon","flashOpen","SESSION_PAGE_SIZE","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","className","conversationsWrapper","children","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 InfiniteScroll from 'react-infinite-scroll-component';\nimport clsx from 'clsx';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { type XAiConversationsProps } from '@/types/XAiConversations';\nimport logo from '@/assets/logo.png';\nimport AddChatIcon from '@/assets/svg/AddChatIcon';\nimport flashOpen from '@/assets/flash-open.svg?url';\nimport { SESSION_PAGE_SIZE } from '@/constants';\nimport { useStyles, GlobalStyle } from './styles';\n\nconst XAiConversations: React.FC<XAiConversationsProps> = (props) => {\n  const styles = useStyles();\n  const { mergedProps } = useChatbotContext(props);\n  const {\n    isNarrow = false,\n    sessionList,\n    style,\n    onActiveChange,\n    onNewChat,\n    loadMoreSessions,\n    activeKey,\n    menu,\n  } = mergedProps;\n\n  const [listVisible, setListVisible] = useState(false);\n  const [animateDirection, setAnimateDirection] = useState<'in' | 'out' | null>(null);\n\n  const handleSwitchTab = (key: string) => {\n    onActiveChange?.(key);\n  };\n\n  const handleNewChat = () => {\n    onNewChat?.();\n  };\n\n  const handleShowList = () => {\n    setListVisible(true);\n    setAnimateDirection('in');\n  };\n\n  const handleCloseList = () => {\n    setAnimateDirection('out');\n    setTimeout(() => {\n      setListVisible(false);\n      setAnimateDirection(null);\n    }, 300);\n  };\n\n  return (\n    <div className={styles.conversationsWrapper}>\n      <GlobalStyle />\n      {/** 顶部操作栏 */}\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      {/* 会话列表 */}\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.js

@@ -16,13 +16,13 @@ var slideOutRight = keyframes(_templateObject2 || (_templateObject2 = _taggedTem
 export var useStyles = withBasicStyles(function () {
   return {
     // 静态样式
-    conversationsWrapper: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    overflow: hidden;\n  "]))),
+    conversationsWrapper: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  "]))),
     capWrapper: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n  "]))),
     capShape: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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: ", ";\n    } */\n  "])), primaryBlue),
     capIcon: css(_templateObject6 || (_templateObject6 = _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(_templateObject7 || (_templateObject7 = _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(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    font-size: 12px;\n    color: #949494;\n    padding-left: 24px;\n  "]))),
-    fWrapper: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    width: 280px;\n    height: 100%;\n    box-sizing: border-box;\n    position: relative;\n  "]))),
+    fWrapper: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    width: 280px;\n    height: 100%;\n    box-sizing: border-box;\n    position: relative;\n    flex-shrink: 0;\n    border-right: 1px solid #f0f0f0;\n  "]))),
     nWrapper: css(_templateObject10 || (_templateObject10 = _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(_templateObject11 || (_templateObject11 = _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(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 11px 0 16px;\n  "]))),

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","conversationsWrapper","_templateObject3","capWrapper","_templateObject4","capShape","_templateObject5","capIcon","_templateObject6","addChatBtn","_templateObject7","tipTitle","_templateObject8","fWrapper","_templateObject9","nWrapper","_templateObject10","mask","_templateObject11","fheaderWrapper","_templateObject12","scrollList","_templateObject13","slideIn","_templateObject14","slideOut","_templateObject15","GlobalStyle","styles","_templateObject16"],"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\nconst slideInRight = keyframes`\n  from { transform: translateX(-100%); opacity: 0; }\n  to { transform: translateX(0); opacity: 1; }\n`;\n\nconst slideOutRight = keyframes`\n  from { transform: translateX(0); opacity: 1; }\n  to { transform: translateX(-100%); opacity: 0; }\n`;\n\nexport const useStyles = withBasicStyles(() => ({\n  // 静态样式\n  conversationsWrapper: css`\n    overflow: hidden;\n  `,\n\n  capWrapper: css`\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n  `,\n\n  capShape: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 80px;\n    height: 40px;\n    margin-left: 16px;\n    background: #FFFFFF;\n    box-shadow: 0px 4px 16px 0px rgba(127,135,166,0.08);\n    border-radius: 24px;\n    border: 1px solid #E7E7E7;\n    box-sizing: border-box;\n    transition: box-shadow 0.2s, border-color 0.2s;\n    cursor: pointer;\n    /* &:hover {\n      box-shadow: 0px 4px 24px 0px rgba(127,135,166,0.16);\n      border-color: ${primaryBlue};\n    } */\n  `,\n\n  capIcon: css`\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n\n    img {\n      width: 17px;\n    }\n\n    &:hover {\n      background: #F2F2F2;\n      border-radius: 50%;\n    }\n  `,\n\n  addChatBtn: css`\n    width: 256px;\n    height: 40px;\n    margin: 17px auto 24px;\n    background: #FFFFFF;\n    border-radius: 20px;\n    border: 1px solid #E7E7E7;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    color: #343434;\n\n    &:hover {\n      color: #3961F2;\n    }\n\n    &:active {\n      color: #0A3BEE;\n    }\n  `,\n\n  tipTitle: css`\n    font-size: 12px;\n    color: #949494;\n    padding-left: 24px;\n  `,\n\n  fWrapper: css`\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    width: 280px;\n    height: 100%;\n    box-sizing: border-box;\n    position: relative;\n  `,\n\n  nWrapper: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 280px;\n    height: 100%;\n    z-index: 1000;\n    transition: left 0.3s ease;\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);\n  `,\n\n  mask: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background: rgba(0, 0, 0, 0.15);\n    z-index: 999;\n    cursor: pointer;\n  `,\n\n  fheaderWrapper: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 11px 0 16px;\n  `,\n\n  scrollList: css`\n    max-height: calc(100vh - 120px); /* 120px为头部高度，可根据实际调整 */\n    padding-bottom: 15px;\n    overflow-y: auto;\n\n    /* 隐藏滚动条（Chrome, Edge, Safari） */\n    &::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n      display: none;\n      background: transparent;\n    }\n\n    /* 隐藏滚动条（Firefox） */\n    scrollbar-width: none;\n\n    /* 隐藏滚动条（IE/Edge） */\n    -ms-overflow-style: none;\n  `,\n\n  slideIn: css`\n    animation: ${slideInRight} 0.3s forwards;\n  `,\n  slideOut: css`\n    animation: ${slideOutRight} 0.3s forwards;\n  `,\n\n}));\n\nexport const GlobalStyle: React.FC = () => (\n  <Global\n    styles={globalCss`\n      .ant-conversations .ant-conversations-item-active {\n        background: rgba(57,97,242,0.08);\n      }\n\n      .ant-conversations .ant-conversations-item-active .ant-conversations-label {\n        color: #3961F2;\n      }\n    `}\n  />\n);\n"],"mappings":";;AAAA,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;;AAEhC,IAAMC,YAAY,GAAGX,SAAS,CAAAY,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gHAG7B;AAED,IAAMC,aAAa,GAAGd,SAAS,CAAAe,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,gHAG9B;AAED,OAAO,IAAMG,SAAS,GAAGb,eAAe,CAAC;EAAA,OAAO;IAC9C;IACAc,oBAAoB,EAAElB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA,mCAExB;IAEDM,UAAU,EAAEpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,mFAId;IAEDQ,QAAQ,EAAEtB,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAT,sBAAA,+fAgBOP,WAAW,CAE9B;IAEDiB,OAAO,EAAExB,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA,0QAgBX;IAEDY,UAAU,EAAE1B,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAAb,sBAAA,sZAqBd;IAEDc,QAAQ,EAAE5B,GAAG,CAAA6B,gBAAA,KAAAA,gBAAA,GAAAf,sBAAA,gFAIZ;IAEDgB,QAAQ,EAAE9B,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAjB,sBAAA,6JAOZ;IAEDkB,QAAQ,EAAEhC,GAAG,CAAAiC,iBAAA,KAAAA,iBAAA,GAAAnB,sBAAA,+PAWZ;IAEDoB,IAAI,EAAElC,GAAG,CAAAmC,iBAAA,KAAAA,iBAAA,GAAArB,sBAAA,sLASR;IAEDsB,cAAc,EAAEpC,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAAvB,sBAAA,4HAKlB;IAEDwB,UAAU,EAAEtC,GAAG,CAAAuC,iBAAA,KAAAA,iBAAA,GAAAzB,sBAAA,+jBAkBd;IAED0B,OAAO,EAAExC,GAAG,CAAAyC,iBAAA,KAAAA,iBAAA,GAAA3B,sBAAA,iDACGF,YAAY,CAC1B;IACD8B,QAAQ,EAAE1C,GAAG,CAAA2C,iBAAA,KAAAA,iBAAA,GAAA7B,sBAAA,iDACEC,aAAa;EAG9B,CAAC;AAAA,CAAC,CAAC;AAEH,OAAO,IAAM6B,WAAqB,GAAG,SAAxBA,WAAqBA,CAAA;EAAA,oBAChCtC,IAAA,CAACH,MAAM;IACL0C,MAAM,EAAE3C,SAAS,CAAA4C,iBAAA,KAAAA,iBAAA,GAAAhC,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","conversationsWrapper","_templateObject3","capWrapper","_templateObject4","capShape","_templateObject5","capIcon","_templateObject6","addChatBtn","_templateObject7","tipTitle","_templateObject8","fWrapper","_templateObject9","nWrapper","_templateObject10","mask","_templateObject11","fheaderWrapper","_templateObject12","scrollList","_templateObject13","slideIn","_templateObject14","slideOut","_templateObject15","GlobalStyle","styles","_templateObject16"],"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\nconst slideInRight = keyframes`\n  from { transform: translateX(-100%); opacity: 0; }\n  to { transform: translateX(0); opacity: 1; }\n`;\n\nconst slideOutRight = keyframes`\n  from { transform: translateX(0); opacity: 1; }\n  to { transform: translateX(-100%); opacity: 0; }\n`;\n\nexport const useStyles = withBasicStyles(() => ({\n  // 静态样式\n  conversationsWrapper: css`\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  `,\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    flex-shrink: 0;\n    border-right: 1px solid #f0f0f0;\n  `,\n\n  nWrapper: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 280px;\n    height: 100%;\n    z-index: 1000;\n    transition: left 0.3s ease;\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);\n  `,\n\n  mask: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background: rgba(0, 0, 0, 0.15);\n    z-index: 999;\n    cursor: pointer;\n  `,\n\n  fheaderWrapper: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 11px 0 16px;\n  `,\n\n  scrollList: css`\n    max-height: calc(100vh - 120px); /* 120px为头部高度，可根据实际调整 */\n    padding-bottom: 15px;\n    overflow-y: auto;\n\n    /* 隐藏滚动条（Chrome, Edge, Safari） */\n    &::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n      display: none;\n      background: transparent;\n    }\n\n    /* 隐藏滚动条（Firefox） */\n    scrollbar-width: none;\n\n    /* 隐藏滚动条（IE/Edge） */\n    -ms-overflow-style: none;\n  `,\n\n  slideIn: css`\n    animation: ${slideInRight} 0.3s forwards;\n  `,\n  slideOut: css`\n    animation: ${slideOutRight} 0.3s forwards;\n  `,\n\n}));\n\nexport const GlobalStyle: React.FC = () => (\n  <Global\n    styles={globalCss`\n      .ant-conversations .ant-conversations-item-active {\n        background: rgba(57,97,242,0.08);\n      }\n\n      .ant-conversations .ant-conversations-item-active .ant-conversations-label {\n        color: #3961F2;\n      }\n    `}\n  />\n);\n"],"mappings":";;AAAA,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;;AAEhC,IAAMC,YAAY,GAAGX,SAAS,CAAAY,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gHAG7B;AAED,IAAMC,aAAa,GAAGd,SAAS,CAAAe,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,gHAG9B;AAED,OAAO,IAAMG,SAAS,GAAGb,eAAe,CAAC;EAAA,OAAO;IAC9C;IACAc,oBAAoB,EAAElB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA,uGAKxB;IAEDM,UAAU,EAAEpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,mFAId;IAEDQ,QAAQ,EAAEtB,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAT,sBAAA,+fAgBOP,WAAW,CAE9B;IAEDiB,OAAO,EAAExB,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA,0QAgBX;IAEDY,UAAU,EAAE1B,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAAb,sBAAA,sZAqBd;IAEDc,QAAQ,EAAE5B,GAAG,CAAA6B,gBAAA,KAAAA,gBAAA,GAAAf,sBAAA,gFAIZ;IAEDgB,QAAQ,EAAE9B,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAjB,sBAAA,wNASZ;IAEDkB,QAAQ,EAAEhC,GAAG,CAAAiC,iBAAA,KAAAA,iBAAA,GAAAnB,sBAAA,+PAWZ;IAEDoB,IAAI,EAAElC,GAAG,CAAAmC,iBAAA,KAAAA,iBAAA,GAAArB,sBAAA,sLASR;IAEDsB,cAAc,EAAEpC,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAAvB,sBAAA,4HAKlB;IAEDwB,UAAU,EAAEtC,GAAG,CAAAuC,iBAAA,KAAAA,iBAAA,GAAAzB,sBAAA,+jBAkBd;IAED0B,OAAO,EAAExC,GAAG,CAAAyC,iBAAA,KAAAA,iBAAA,GAAA3B,sBAAA,iDACGF,YAAY,CAC1B;IACD8B,QAAQ,EAAE1C,GAAG,CAAA2C,iBAAA,KAAAA,iBAAA,GAAA7B,sBAAA,iDACEC,aAAa;EAG9B,CAAC;AAAA,CAAC,CAAC;AAEH,OAAO,IAAM6B,WAAqB,GAAG,SAAxBA,WAAqBA,CAAA;EAAA,oBAChCtC,IAAA,CAACH,MAAM;IACL0C,MAAM,EAAE3C,SAAS,CAAA4C,iBAAA,KAAAA,iBAAA,GAAAhC,sBAAA;EAQf,CACH,CAAC;AAAA,CACH"}

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

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

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

@@ -0,0 +1,159 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useState, useEffect } from "react";
+import XAiThoughtChain from ".";
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: "AI组件/XAiThoughtChain 思维链",
+  component: XAiThoughtChain,
+  parameters: {},
+  tags: ["autodocs"],
+  argTypes: {}
+};
+export default meta;
+// 基础用法
+var BasicUsageStory = function BasicUsageStory() {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    items = _useState2[0],
+    setItems = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var steps = [{
+    type: "text",
+    key: "planning",
+    title: "任务规划",
+    content: "\n为了规划审核路线，我需要明确以下几个步骤：\n1. 确认审核的具体内容或目标（例如：OCR审核、批注生成等）。\n2. 根据审核内容，选择合适的工具（例如：`OCR审核1`、`生成批注pdf1`）。\n3. 提供必要的输入参数（例如：文件链接、日期、流水号等）。\n4. 执行工具并获取结果。\n\n由于用户未提供具体的审核内容或目标，我需要进一步澄清。\n\n"
+  }, {
+    type: "text",
+    key: "reasoning",
+    title: "推理分析",
+    content: "\n用户没有提供具体的审核内容或目标，因此无法直接调用工具。我需要请求用户提供更多信息，例如：\n- 审核的文件类型（图片、PDF等）。\n- 审核的具体任务（OCR识别、批注生成等）。\n- 是否有现成的文件链接或其他输入参数。\n\n"
+  },
+  // 待执行工具
+  // {
+  //   type: "tool",
+  //   msg: {
+  //     id: "040c3341-759f-43cb-8f51-d33f8d16063c",
+  //     author: "aaa111",
+  //     invocationId: "e-b8f96c1d-5432-42cf-8cff-c04745538504",
+  //     eventId: "2029398995837837312",
+  //     timestamp: 1772681399674,
+  //     role: "bot",
+  //     functionCall: {
+  //       id: "adk-a30a7fb0-4413-4251-8229-b48e6f9c0b32",
+  //       args: {
+  //         originalFunctionCall: {
+  //           id: "call_8c999d1ae7f34f98ad2666",
+  //           args: {
+  //             size: "1024*1024",
+  //             prompt: "一只猫在草地上，卡通风格",
+  //             n: 1,
+  //           },
+  //           name: "bailian_image_gen",
+  //         },
+  //         toolConfirmation: {
+  //           hint: "Please approve or reject the tool call vdjxxwbgpwlfs() by responding with a FunctionResponse with an expected ToolConfirmation payload.",
+  //           confirmed: false,
+  //         },
+  //       },
+  //       name: "adk_request_confirmation",
+  //     },
+  //   },
+  // },
+  // 确认执行
+  {
+    type: "tool",
+    msg: {
+      id: "99f7dff6-3780-4712-829f-4670707e76cc",
+      author: "aaa111",
+      invocationId: "e-fe701a0d-9fa2-4b82-b338-751c2ab31619",
+      eventId: "2029431631083794432",
+      timestamp: 1772689180523,
+      role: "bot",
+      functionCall: {
+        id: "call_ed77f343b5614de096ce35",
+        args: {
+          size: "1024*1024",
+          prompt: "一只可爱的小猫"
+        },
+        name: "bailian_image_gen"
+      },
+      functionResponse: {
+        id: "call_ed77f343b5614de096ce35",
+        name: "bailian_image_gen",
+        response: {
+          error: "This tool call requires confirmation, please approve or reject."
+        }
+      }
+    }
+  }];
+  useEffect(function () {
+    var stepIndex = 0;
+    var charIndex = 0;
+    var currentContent = "";
+
+    // 先插入第一个空 step
+    setItems([_objectSpread(_objectSpread({}, steps[0]), {}, {
+      content: ""
+    })]);
+    var timer = setInterval(function () {
+      var currentStep = steps[stepIndex];
+      if (!currentStep) {
+        clearInterval(timer);
+        setLoading(false);
+        return;
+      }
+      if (charIndex < currentStep.content.length) {
+        currentContent += currentStep.content[charIndex];
+        charIndex++;
+        setItems(function (prev) {
+          var newItems = _toConsumableArray(prev);
+          newItems[stepIndex] = _objectSpread(_objectSpread({}, currentStep), {}, {
+            content: currentContent
+          });
+          return newItems;
+        });
+      } else {
+        // 当前 step 打完
+        stepIndex++;
+        charIndex = 0;
+        currentContent = "";
+        if (stepIndex < steps.length) {
+          setItems(function (prev) {
+            return [].concat(_toConsumableArray(prev), [_objectSpread(_objectSpread({}, steps[stepIndex]), {}, {
+              content: ""
+            })]);
+          });
+        } else {
+          clearInterval(timer);
+          setLoading(false);
+        }
+      }
+    }, 20); // 20ms 一个字符
+
+    return function () {
+      return clearInterval(timer);
+    };
+  }, []);
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 440,
+      border: "1px solid #eee",
+      padding: 20
+    },
+    children: /*#__PURE__*/_jsx(XAiThoughtChain, {
+      loading: loading,
+      items: items,
+      defaultOpen: true
+    })
+  });
+};
+export var 基础用法 = {
+  render: BasicUsageStory,
+  args: {}
+};
+//# sourceMappingURL=XAiThoughtChain.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useEffect","XAiThoughtChain","jsx","_jsx","meta","title","component","parameters","tags","argTypes","BasicUsageStory","_useState","_useState2","_slicedToArray","items","setItems","_useState3","_useState4","loading","setLoading","steps","type","key","content","msg","id","author","invocationId","eventId","timestamp","role","functionCall","args","size","prompt","name","functionResponse","response","error","stepIndex","charIndex","currentContent","_objectSpread","timer","setInterval","currentStep","clearInterval","length","prev","newItems","_toConsumableArray","concat","style","width","border","padding","children","defaultOpen","基础用法","render"],"sources":["../../../../src/components/XAiThoughtChain/XAiThoughtChain.stories.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport XAiThoughtChain from \".\";\n\nconst meta: Meta<typeof XAiThoughtChain> = {\n  title: \"AI组件/XAiThoughtChain 思维链\",\n  component: XAiThoughtChain,\n  parameters: {},\n  tags: [\"autodocs\"],\n  argTypes: {},\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 基础用法\nconst BasicUsageStory = () => {\n  const [items, setItems] = useState<any[]>([]);\n  const [loading, setLoading] = useState(true);\n\n  const steps = [\n    {\n      type: \"text\",\n      key: \"planning\",\n      title: \"任务规划\",\n      content:\n        \"\\n为了规划审核路线，我需要明确以下几个步骤：\\n1. 确认审核的具体内容或目标（例如：OCR审核、批注生成等）。\\n2. 根据审核内容，选择合适的工具（例如：`OCR审核1`、`生成批注pdf1`）。\\n3. 提供必要的输入参数（例如：文件链接、日期、流水号等）。\\n4. 执行工具并获取结果。\\n\\n由于用户未提供具体的审核内容或目标，我需要进一步澄清。\\n\\n\",\n    },\n    {\n      type: \"text\",\n      key: \"reasoning\",\n      title: \"推理分析\",\n      content:\n        \"\\n用户没有提供具体的审核内容或目标，因此无法直接调用工具。我需要请求用户提供更多信息，例如：\\n- 审核的文件类型（图片、PDF等）。\\n- 审核的具体任务（OCR识别、批注生成等）。\\n- 是否有现成的文件链接或其他输入参数。\\n\\n\",\n    },\n    // 待执行工具\n    // {\n    //   type: \"tool\",\n    //   msg: {\n    //     id: \"040c3341-759f-43cb-8f51-d33f8d16063c\",\n    //     author: \"aaa111\",\n    //     invocationId: \"e-b8f96c1d-5432-42cf-8cff-c04745538504\",\n    //     eventId: \"2029398995837837312\",\n    //     timestamp: 1772681399674,\n    //     role: \"bot\",\n    //     functionCall: {\n    //       id: \"adk-a30a7fb0-4413-4251-8229-b48e6f9c0b32\",\n    //       args: {\n    //         originalFunctionCall: {\n    //           id: \"call_8c999d1ae7f34f98ad2666\",\n    //           args: {\n    //             size: \"1024*1024\",\n    //             prompt: \"一只猫在草地上，卡通风格\",\n    //             n: 1,\n    //           },\n    //           name: \"bailian_image_gen\",\n    //         },\n    //         toolConfirmation: {\n    //           hint: \"Please approve or reject the tool call vdjxxwbgpwlfs() by responding with a FunctionResponse with an expected ToolConfirmation payload.\",\n    //           confirmed: false,\n    //         },\n    //       },\n    //       name: \"adk_request_confirmation\",\n    //     },\n    //   },\n    // },\n    // 确认执行\n    {\n      type: \"tool\",\n      msg: {\n        id: \"99f7dff6-3780-4712-829f-4670707e76cc\",\n        author: \"aaa111\",\n        invocationId: \"e-fe701a0d-9fa2-4b82-b338-751c2ab31619\",\n        eventId: \"2029431631083794432\",\n        timestamp: 1772689180523,\n        role: \"bot\",\n        functionCall: {\n          id: \"call_ed77f343b5614de096ce35\",\n          args: {\n            size: \"1024*1024\",\n            prompt: \"一只可爱的小猫\",\n          },\n          name: \"bailian_image_gen\",\n        },\n        functionResponse: {\n          id: \"call_ed77f343b5614de096ce35\",\n          name: \"bailian_image_gen\",\n          response: {\n            error:\n              \"This tool call requires confirmation, please approve or reject.\",\n          },\n        },\n      },\n    },\n  ];\n\n  useEffect(() => {\n    let stepIndex = 0;\n    let charIndex = 0;\n    let currentContent = \"\";\n\n    // 先插入第一个空 step\n    setItems([\n      {\n        ...steps[0],\n        content: \"\",\n      },\n    ]);\n\n    const timer = setInterval(() => {\n      const currentStep = steps[stepIndex];\n\n      if (!currentStep) {\n        clearInterval(timer);\n        setLoading(false);\n        return;\n      }\n\n      if (charIndex < currentStep.content!.length) {\n        currentContent += currentStep.content![charIndex];\n        charIndex++;\n\n        setItems((prev) => {\n          const newItems = [...prev];\n          newItems[stepIndex] = {\n            ...currentStep,\n            content: currentContent,\n          };\n          return newItems;\n        });\n      } else {\n        // 当前 step 打完\n        stepIndex++;\n        charIndex = 0;\n        currentContent = \"\";\n\n        if (stepIndex < steps.length) {\n          setItems((prev) => [\n            ...prev,\n            {\n              ...steps[stepIndex],\n              content: \"\",\n            },\n          ]);\n        } else {\n          clearInterval(timer);\n          setLoading(false);\n        }\n      }\n    }, 20); // 20ms 一个字符\n\n    return () => clearInterval(timer);\n  }, []);\n\n  return (\n    <div style={{ width: 440, border: \"1px solid #eee\", padding: 20 }}>\n      <XAiThoughtChain loading={loading} items={items} defaultOpen />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {},\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { XAiThoughtChainProps } from "../../types";
+declare const XAiThoughtChain: React.FC<XAiThoughtChainProps>;
+export default XAiThoughtChain;

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

@@ -0,0 +1,180 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState, useEffect } from "react";
+import { CheckCircleFilled, SyncOutlined, ThunderboltOutlined, PartitionOutlined, CaretRightOutlined, RightOutlined, DownOutlined } from "@ant-design/icons";
+import MarkdownRender from "../XAdkChatbot/components/MarkdownRender";
+import FunctionCallRender from "../XAdkChatbot/components/FunctionCallRender";
+import { useStyles } from "./styles";
+import { cleanProcessText } from "../../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var TimelineItem = function TimelineItem(_ref) {
+  var icon = _ref.icon,
+    title = _ref.title,
+    children = _ref.children,
+    _ref$collapsible = _ref.collapsible,
+    collapsible = _ref$collapsible === void 0 ? true : _ref$collapsible,
+    _ref$defaultOpen = _ref.defaultOpen,
+    defaultOpen = _ref$defaultOpen === void 0 ? true : _ref$defaultOpen;
+  var _useState = useState(defaultOpen),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var styles = useStyles();
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.timelineItem,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: styles.timelineLeft,
+      children: [icon, /*#__PURE__*/_jsx("div", {
+        className: styles.timelineConnector
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.timelineRight,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: styles.collapsibleHeader,
+        onClick: function onClick() {
+          return collapsible ? setIsOpen(!isOpen) : undefined;
+        },
+        children: [/*#__PURE__*/_jsx("div", {
+          children: title
+        }), collapsible && /*#__PURE__*/_jsx("span", {
+          className: styles.arrowIcon,
+          children: isOpen ? /*#__PURE__*/_jsx(DownOutlined, {}) : /*#__PURE__*/_jsx(RightOutlined, {})
+        })]
+      }), isOpen && /*#__PURE__*/_jsx("div", {
+        className: styles.stepContent,
+        children: children
+      })]
+    })]
+  });
+};
+var TimelineTextItem = function TimelineTextItem(_ref2) {
+  var item = _ref2.item;
+  return /*#__PURE__*/_jsx(TimelineItem, {
+    icon: /*#__PURE__*/_jsx("span", {
+      className: useStyles().timelineIcon,
+      children: /*#__PURE__*/_jsx(PartitionOutlined, {})
+    }),
+    title: /*#__PURE__*/_jsx("span", {
+      className: useStyles().titleText,
+      children: item.title
+    }),
+    children: /*#__PURE__*/_jsx(MarkdownRender, {
+      text: cleanProcessText(item.content)
+    })
+  });
+};
+var TimelineToolItem = function TimelineToolItem(_ref3) {
+  var _msg$functionCall, _msg$functionCall2, _msg$functionResponse, _msg$functionResponse2;
+  var msg = _ref3.msg,
+    collapsible = _ref3.collapsible,
+    onConfirm = _ref3.onConfirm,
+    showFnCallDetail = _ref3.showFnCallDetail;
+  var styles = useStyles();
+  var needsConfirm = msg.functionCall && !msg.functionResponse;
+  var isDone = !!msg.functionResponse;
+  var toolName = ((_msg$functionCall = msg.functionCall) === null || _msg$functionCall === void 0 || (_msg$functionCall = _msg$functionCall.args) === null || _msg$functionCall === void 0 ? void 0 : _msg$functionCall.componentName) || ((_msg$functionCall2 = msg.functionCall) === null || _msg$functionCall2 === void 0 ? void 0 : _msg$functionCall2.name) || "组件执行";
+  var statusInfo = ((_msg$functionResponse = msg.functionResponse) === null || _msg$functionResponse === void 0 || (_msg$functionResponse = _msg$functionResponse.response) === null || _msg$functionResponse === void 0 ? void 0 : _msg$functionResponse.processData) || ((_msg$functionResponse2 = msg.functionResponse) === null || _msg$functionResponse2 === void 0 || (_msg$functionResponse2 = _msg$functionResponse2.response) === null || _msg$functionResponse2 === void 0 ? void 0 : _msg$functionResponse2.output);
+  var titleNode = /*#__PURE__*/_jsxs("div", {
+    className: styles.toolTitleGroup,
+    children: [/*#__PURE__*/_jsx("span", {
+      className: styles.toolName,
+      children: toolName
+    }), isDone && /*#__PURE__*/_jsx("span", {
+      className: styles.toolStatusTag,
+      children: "\u6267\u884C\u6210\u529F"
+    })]
+  });
+  return /*#__PURE__*/_jsxs(TimelineItem, {
+    icon: /*#__PURE__*/_jsx("span", {
+      className: styles.timelineIconTool,
+      children: /*#__PURE__*/_jsx(ThunderboltOutlined, {})
+    }),
+    title: titleNode,
+    collapsible: collapsible,
+    defaultOpen: needsConfirm,
+    children: [statusInfo && typeof statusInfo === "string" && /*#__PURE__*/_jsx("div", {
+      className: styles.statusInfo,
+      children: statusInfo
+    }), /*#__PURE__*/_jsx(FunctionCallRender, {
+      msg: msg,
+      showDetail: showFnCallDetail,
+      onConfirm: onConfirm
+    })]
+  });
+};
+var XAiThoughtChain = function XAiThoughtChain(_ref4) {
+  var _ref4$defaultOpen = _ref4.defaultOpen,
+    defaultOpen = _ref4$defaultOpen === void 0 ? false : _ref4$defaultOpen,
+    _ref4$showFnCallDetai = _ref4.showFnCallDetail,
+    showFnCallDetail = _ref4$showFnCallDetai === void 0 ? false : _ref4$showFnCallDetai,
+    _ref4$title = _ref4.title,
+    title = _ref4$title === void 0 ? "思维链已完成" : _ref4$title,
+    _ref4$items = _ref4.items,
+    items = _ref4$items === void 0 ? [] : _ref4$items,
+    loading = _ref4.loading,
+    onConfirm = _ref4.onConfirm;
+  var styles = useStyles();
+  var _useState3 = useState(defaultOpen),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isOpen = _useState4[0],
+    setIsOpen = _useState4[1];
+  useEffect(function () {
+    if (loading) Promise.resolve().then(function () {
+      return setIsOpen(true);
+    });
+  }, [loading]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.thoughtChainBlock,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: styles.thoughtHeader,
+      onClick: function onClick() {
+        return setIsOpen(!isOpen);
+      },
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: styles.headerLeft,
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "".concat(styles.caret, " ").concat(isOpen ? "open" : ""),
+          children: /*#__PURE__*/_jsx(CaretRightOutlined, {})
+        }), /*#__PURE__*/_jsx("div", {
+          className: styles.statusIcon,
+          children: loading ? /*#__PURE__*/_jsx(SyncOutlined, {
+            spin: true,
+            style: {
+              color: "#1677ff"
+            }
+          }) : /*#__PURE__*/_jsx(CheckCircleFilled, {
+            style: {
+              color: "#52c41a"
+            }
+          })
+        }), /*#__PURE__*/_jsx("span", {
+          className: styles.headerTitle,
+          children: loading ? "深度思考与执行中..." : title
+        })]
+      }), /*#__PURE__*/_jsx("div", {
+        className: styles.headerRight,
+        children: items.length > 0 && /*#__PURE__*/_jsxs("span", {
+          className: styles.stepCount,
+          children: [items.length, " \u4E2A\u6B65\u9AA4"]
+        })
+      })]
+    }), isOpen && /*#__PURE__*/_jsx("div", {
+      className: styles.thinkingBody,
+      children: /*#__PURE__*/_jsx("div", {
+        className: styles.timeline,
+        children: items.map(function (item, i) {
+          return item.type === "text" ? /*#__PURE__*/_jsx(TimelineTextItem, {
+            item: item
+          }, item.key || i) : /*#__PURE__*/_jsx(TimelineToolItem, {
+            msg: item.msg,
+            collapsible: item.collapsible,
+            showFnCallDetail: showFnCallDetail,
+            onConfirm: onConfirm
+          }, "tool-".concat(item.key || i));
+        })
+      })
+    })]
+  });
+};
+export default XAiThoughtChain;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","CheckCircleFilled","SyncOutlined","ThunderboltOutlined","PartitionOutlined","CaretRightOutlined","RightOutlined","DownOutlined","MarkdownRender","FunctionCallRender","useStyles","cleanProcessText","jsx","_jsx","jsxs","_jsxs","TimelineItem","_ref","icon","title","children","_ref$collapsible","collapsible","_ref$defaultOpen","defaultOpen","_useState","_useState2","_slicedToArray","isOpen","setIsOpen","styles","className","timelineItem","timelineLeft","timelineConnector","timelineRight","collapsibleHeader","onClick","undefined","arrowIcon","stepContent","TimelineTextItem","_ref2","item","timelineIcon","titleText","text","content","TimelineToolItem","_ref3","_msg$functionCall","_msg$functionCall2","_msg$functionResponse","_msg$functionResponse2","msg","onConfirm","showFnCallDetail","needsConfirm","functionCall","functionResponse","isDone","toolName","args","componentName","name","statusInfo","response","processData","output","titleNode","toolTitleGroup","toolStatusTag","timelineIconTool","showDetail","XAiThoughtChain","_ref4","_ref4$defaultOpen","_ref4$showFnCallDetai","_ref4$title","_ref4$items","items","loading","_useState3","_useState4","Promise","resolve","then","thoughtChainBlock","thoughtHeader","headerLeft","concat","caret","statusIcon","spin","style","color","headerTitle","headerRight","length","stepCount","thinkingBody","timeline","map","i","type","key"],"sources":["../../../../src/components/XAiThoughtChain/index.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport {\n  CheckCircleFilled,\n  SyncOutlined,\n  ThunderboltOutlined,\n  PartitionOutlined,\n  CaretRightOutlined,\n  RightOutlined,\n  DownOutlined,\n} from \"@ant-design/icons\";\nimport MarkdownRender from \"@/components/XAdkChatbot/components/MarkdownRender\";\nimport FunctionCallRender from \"@/components/XAdkChatbot/components/FunctionCallRender\";\nimport { useStyles } from \"./styles\";\nimport {\n  XAiThoughtChainProps,\n  ThoughtChainItemType,\n  TimelineItemProps,\n  FunctionCall,\n  IMessage,\n} from \"@/types\";\nimport { cleanProcessText } from \"@/utils\";\n\nconst TimelineItem = ({\n  icon,\n  title,\n  children,\n  collapsible = true,\n  defaultOpen = true,\n}: TimelineItemProps) => {\n  const [isOpen, setIsOpen] = useState(defaultOpen);\n  const styles = useStyles();\n\n  return (\n    <div className={styles.timelineItem}>\n      <div className={styles.timelineLeft}>\n        {icon}\n        <div className={styles.timelineConnector} />\n      </div>\n      <div className={styles.timelineRight}>\n        <div\n          className={styles.collapsibleHeader}\n          onClick={() => (collapsible ? setIsOpen(!isOpen) : undefined)}\n        >\n          <div>{title}</div>\n          {collapsible && (\n            <span className={styles.arrowIcon}>\n              {isOpen ? <DownOutlined /> : <RightOutlined />}\n            </span>\n          )}\n        </div>\n\n        {isOpen && <div className={styles.stepContent}>{children}</div>}\n      </div>\n    </div>\n  );\n};\n\nconst TimelineTextItem: React.FC<{\n  item: ThoughtChainItemType;\n}> = ({ item }) => {\n  return (\n    <TimelineItem\n      icon={\n        <span className={useStyles().timelineIcon}>\n          <PartitionOutlined />\n        </span>\n      }\n      title={<span className={useStyles().titleText}>{item.title}</span>}\n    >\n      <MarkdownRender text={cleanProcessText(item.content)} />\n    </TimelineItem>\n  );\n};\n\nconst TimelineToolItem: React.FC<{\n  msg: IMessage;\n  collapsible?: boolean;\n  showFnCallDetail: boolean;\n  onConfirm?: (fnCall: FunctionCall, confirmed: boolean) => void;\n}> = ({ msg, collapsible, onConfirm, showFnCallDetail }) => {\n  const styles = useStyles();\n  const needsConfirm = msg.functionCall && !msg.functionResponse;\n  const isDone = !!msg.functionResponse;\n\n  const toolName =\n    msg.functionCall?.args?.componentName ||\n    msg.functionCall?.name ||\n    \"组件执行\";\n\n  const statusInfo =\n    msg.functionResponse?.response?.processData ||\n    msg.functionResponse?.response?.output;\n\n  const titleNode = (\n    <div className={styles.toolTitleGroup}>\n      <span className={styles.toolName}>{toolName}</span>\n      {isDone && <span className={styles.toolStatusTag}>执行成功</span>}\n    </div>\n  );\n\n  return (\n    <TimelineItem\n      icon={\n        <span className={styles.timelineIconTool}>\n          <ThunderboltOutlined />\n        </span>\n      }\n      title={titleNode}\n      collapsible={collapsible}\n      defaultOpen={needsConfirm}\n    >\n      {statusInfo && typeof statusInfo === \"string\" && (\n        <div className={styles.statusInfo}>{statusInfo}</div>\n      )}\n      <FunctionCallRender\n        msg={msg}\n        showDetail={showFnCallDetail}\n        onConfirm={onConfirm}\n      />\n    </TimelineItem>\n  );\n};\n\nconst XAiThoughtChain: React.FC<XAiThoughtChainProps> = ({\n  defaultOpen = false,\n  showFnCallDetail = false,\n  title = \"思维链已完成\",\n  items = [],\n  loading,\n  onConfirm,\n}) => {\n  const styles = useStyles();\n  const [isOpen, setIsOpen] = useState(defaultOpen);\n  useEffect(() => {\n    if (loading) Promise.resolve().then(() => setIsOpen(true));\n  }, [loading]);\n  return (\n    <div className={styles.thoughtChainBlock}>\n      <div className={styles.thoughtHeader} onClick={() => setIsOpen(!isOpen)}>\n        <div className={styles.headerLeft}>\n          <div className={`${styles.caret} ${isOpen ? \"open\" : \"\"}`}>\n            <CaretRightOutlined />\n          </div>\n          <div className={styles.statusIcon}>\n            {loading ? (\n              <SyncOutlined spin style={{ color: \"#1677ff\" }} />\n            ) : (\n              <CheckCircleFilled style={{ color: \"#52c41a\" }} />\n            )}\n          </div>\n          <span className={styles.headerTitle}>\n            {loading ? \"深度思考与执行中...\" : title}\n          </span>\n        </div>\n        <div className={styles.headerRight}>\n          {items.length > 0 && (\n            <span className={styles.stepCount}>{items.length} 个步骤</span>\n          )}\n        </div>\n      </div>\n      {isOpen && (\n        <div className={styles.thinkingBody}>\n          <div className={styles.timeline}>\n            {items.map((item, i) =>\n              item.type === \"text\" ? (\n                <TimelineTextItem key={item.key || i} item={item} />\n              ) : (\n                <TimelineToolItem\n                  key={`tool-${item.key || i}`}\n                  msg={item.msg!}\n                  collapsible={item.collapsible}\n                  showFnCallDetail={showFnCallDetail}\n                  onConfirm={onConfirm}\n                />\n              ),\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default XAiThoughtChain;\n"],"mappings":"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"}