@ai-group/chat-sdk 3.7.1-alpha1 → 3.7.1-alpha10

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    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"}
+{"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    display: flex;\n    flex-direction: column;\n    overflow: hidden;\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    box-sizing: border-box;\n    z-index: 1000;\n    transition: left 0.3s ease;\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\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    /* 使用侧栏的真实剩余高度，兼容全屏、弹窗及任意高度的嵌入容器。 */\n    flex: 1;\n    min-height: 0;\n    padding-bottom: 15px;\n    box-sizing: border-box;\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,gSAYZ;IAEDkB,QAAQ,EAAEhC,GAAG,CAAAiC,iBAAA,KAAAA,iBAAA,GAAAnB,sBAAA,oWAeZ;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,8rBAqBd;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/hooks/useADKChat.js

@@ -1232,11 +1232,17 @@ function useADKChat(_ref2) {
             data = _yield$fetchSessionDe.data;
             result = _yield$fetchSessionDe.result;
             if ((result === null || result === void 0 ? void 0 : result.code) === API_SUCCESS_CODE) {
-              setPrologue((appInfo === null || appInfo === void 0 || (_appInfo$onboardingIn3 = appInfo.onboardingInfo) === null || _appInfo$onboardingIn3 === void 0 ? void 0 : _appInfo$onboardingIn3.prologue) || "");
               if (Array.isArray(data) && data.length > 0) {
+                // 有内容：清空开场白与建议问题，仅展示历史消息
+                setPrologue("");
                 formatMessages(data, true);
-                setSuggestedQuestions([]); // 非空数组则清空建议问题
+                setSuggestedQuestions([]);
               } else {
+                // 空会话：恢复开场白与预制建议问题
+                setPrologue((appInfo === null || appInfo === void 0 || (_appInfo$onboardingIn3 = appInfo.onboardingInfo) === null || _appInfo$onboardingIn3 === void 0 ? void 0 : _appInfo$onboardingIn3.prologue) || "");
+                setMessages([]);
+                messagesRef.current = [];
+                textMsgRef.current = null;
                 setSuggestedQuestions((appInfo === null || appInfo === void 0 || (_appInfo$onboardingIn4 = appInfo.onboardingInfo) === null || _appInfo$onboardingIn4 === void 0 ? void 0 : _appInfo$onboardingIn4.suggested_questions) || []);
               }
             }