@ai-group/chat-sdk 3.5.5 → 3.5.7

package/dist/cjs/components/XAiChatbot/styles.d.ts

@@ -0,0 +1,68 @@
+import React from 'react';
+export declare const useStyles: () => {
+    wrapper: string;
+    navbar: string;
+    userAvatar: string;
+    avatar: string;
+    title: string;
+    subtitle: string;
+    messageContainer: string;
+    messageList: string;
+    emptyWrapper: string;
+    emptyImg: string;
+    message: string;
+    messageRight: string;
+    quickReplies: string;
+    replyItem: string;
+    highlight: string;
+    stepLine: string;
+    inputBar: string;
+    input: string;
+    actionDetailContent: string;
+    actionHeaderWrapper: string;
+    actionHeaderIcon: string;
+    actionHeaderDetail: string;
+    actionDetailTitle: string;
+    executeHeaderIcon: string;
+    actionTitle: string;
+    actionHeaderDetailItem: string;
+    actionHeaderCost: string;
+    executeHiddenWrapper: string;
+    executeTitle: string;
+    executeContent: string;
+    executeWrapper: string;
+} & {
+    w: (width: string | number) => string;
+    h: (height: string | number) => string;
+    p: (padding: string) => string;
+    pb: (padding: string | number) => string;
+    pt: (padding: string | number) => string;
+    pl: (padding: string | number) => string;
+    pr: (padding: string | number) => string;
+    m: (margin: string) => string;
+    mb: (margin: string | number) => string;
+    mt: (margin: string | number) => string;
+    ml: (margin: string | number) => string;
+    mr: (margin: string | number) => string;
+    text: (size: string | number) => string;
+    weight: (size: number) => string;
+    textColor: (c: string) => string;
+    bg: (c: string) => string;
+    rs: (radius: string | number) => string;
+    gap: (g: string | number) => string;
+    flex: string;
+    flexCenter: string;
+    flexBetween: string;
+    flexColumn: string;
+    flex1: string;
+    cursor: (type: string) => string;
+    border: (color: string, width?: string) => string;
+    boxShadow: (shadow: string) => string;
+    transition: (property?: string, duration?: string) => string;
+    overflow: (type: string) => string;
+    position: (type: string) => string;
+    zIndex: (index: number) => string;
+    flexCenterGap2: string;
+    flexCenterGap4: string;
+};
+export declare const GlobalStyle: React.FC;

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

@@ -0,0 +1,386 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAiChatbot/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  GlobalStyle: () => GlobalStyle,
+  useStyles: () => useStyles
+});
+module.exports = __toCommonJS(styles_exports);
+var import_css = require("@emotion/css");
+var import_react = require("@emotion/react");
+var import_common = require("../../styles/common");
+var import_jsx_runtime = require("react/jsx-runtime");
+var useStyles = (0, import_common.withBasicStyles)(() => ({
+  // 静态样式
+  wrapper: import_css.css`
+    display: flex;
+    flex-direction: column;
+    // max-height: 812px;
+    min-height: 300px;
+    max-width: 800px;
+    width: 100%;
+    height: 100%;
+    min-width: 375px;
+    // background-color: #fff;
+    // border: 1px solid rgba(80,96,122,.15);
+    border-radius: 12px;
+    overflow: hidden;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
+      Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  `,
+  navbar: import_css.css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 12px 16px;
+    border-bottom: 1px solid ${import_common.borderGray};
+    // background-color: #fff;
+  `,
+  userAvatar: import_css.css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 32px;
+    width: 32px;
+    border-radius: 50%;
+    object-fit: cover;
+    margin-right: 12px;
+  `,
+  avatar: import_css.css`
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    object-fit: cover;
+    margin-right: 12px;
+    border: 1px solid ${import_common.borderGray};
+  `,
+  title: import_css.css`
+    font-weight: 600;
+    font-size: 16px;
+    color: ${import_common.darkGray};
+  `,
+  subtitle: import_css.css`
+    font-size: 12px;
+    color: ${import_common.lightGray};
+    margin-top: 2px;
+  `,
+  messageContainer: import_css.css`
+    flex: 1;
+    overflow-y: auto;
+    padding: 16px 0;
+    // background-color: #fff;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    min-height: 0;
+    position: relative;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    .ant-attachment-list-card-type-preview {
+      width: 52px;
+      height: 52px;
+    }
+    .ant-attachment .ant-attachment-list-upload-btn {
+      width: 52px;
+      height: 52px;
+      font-size: 24px;
+    }
+    .ant-attachment-list-card-type-overview {
+      padding: 9px;
+      line-height: 1;
+    }
+    .ant-attachment-list-card-type-overview .ant-attachment-list-card-icon {
+      display: flex;
+      padding-top: 0px;
+    }
+    .ant-attachment-list-card .ant-attachment-list-card-name {
+      margin-bottom: 4px;
+    }
+    .ant-attachment-list-card-motion-leave-active {
+      display: none;
+    }
+    .ant-progress-inner {
+      width: 44px!important;
+      height: 44px!important;
+    }
+    .ant-progress-text {
+      font-size: 12px;
+    }
+  `,
+  messageList: import_css.css`
+    padding: 0 16px;
+    /* 隐藏 webkit 浏览器的滚动条 */
+    &::-webkit-scrollbar {
+      display: none;
+    }
+    
+    /* 隐藏 Firefox 的滚动条 */
+    scrollbar-width: none;
+    
+    /* 隐藏 IE 的滚动条 */
+    -ms-overflow-style: none;
+  `,
+  emptyWrapper: import_css.css`
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: '#222';
+    user-select: none;
+  `,
+  emptyImg: import_css.css`
+    width: 60px;
+    height: 60px;
+    border-radius: 8px;
+    margin-bottom: 16px;
+  `,
+  message: import_css.css`
+    max-width: 70%;
+    padding: 10px 14px;
+    border-radius: 20px;
+    background-color: ${import_common.lightBlue};
+    color: ${import_common.darkGray};
+    font-size: 14px;
+    line-height: 1.4;
+    word-break: break-word;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  `,
+  messageRight: import_css.css`
+    align-self: flex-end;
+    background-color: ${import_common.primaryBlue};
+    color: white;
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 20px;
+    border-top-left-radius: 20px;
+    border-top-right-radius: 20px;
+  `,
+  quickReplies: import_css.css`
+    display: flex;
+    gap: 8px;
+    padding: 10px 16px;
+    border-top: 1px solid ${import_common.borderGray};
+    background-color: #fff;
+    overflow-x: auto;
+  `,
+  replyItem: import_css.css`
+    padding: 6px 12px;
+    font-size: 13px;
+    border: 1px solid ${import_common.primaryBlue};
+    border-radius: 20px;
+    background-color: #fff;
+    color: ${import_common.primaryBlue};
+    cursor: pointer;
+    white-space: nowrap;
+    user-select: none;
+    transition: all 0.2s ease;
+  
+    &:hover {
+      background-color: ${import_common.primaryBlue};
+      color: #fff;
+    }
+  `,
+  highlight: import_css.css`
+    background-color: ${import_common.primaryBlue};
+    color: white;
+    border-color: ${import_common.primaryBlue};
+  `,
+  stepLine: import_css.css`
+    border-top: 1px dashed #C3CFFB;
+    width: 100%;
+    margin: 16px 0;
+  `,
+  inputBar: import_css.css`
+    display: flex;
+    align-items: center;
+    padding: 10px 16px;
+    border-top: 1px solid ${import_common.borderGray};
+    background-color: #fff;
+  `,
+  input: import_css.css`
+    flex: 1;
+    padding: 8px 12px;
+    border: 1px solid ${import_common.borderGray};
+    border-radius: 20px;
+    font-size: 14px;
+    outline: none;
+  
+    &:focus {
+      border-color: ${import_common.primaryBlue};
+      box-shadow: 0 0 3px ${import_common.primaryBlue};
+    }
+  `,
+  actionDetailContent: import_css.css`
+    border-left: 1px solid #C1C3CD;
+    padding-right: 16px;
+    padding-left: 11px;
+    margin-bottom: 12px;
+    margin-left: 25px;
+    font-weight: 400;
+    font-size: 14px;
+    color: #767985;
+    line-height: 20px;
+    display: inline-block;
+    white-space: 'pre-line';
+  `,
+  actionHeaderWrapper: import_css.css`
+    margin-bottom: 12px;
+  `,
+  actionHeaderIcon: import_css.css`
+    height: 14px;
+    margin-right: 5px;
+  `,
+  actionHeaderDetail: import_css.css`
+    background: #F3F5FA;
+    border-radius: 8px;
+    overflow: hidden;
+  `,
+  actionDetailTitle: import_css.css`
+    display: flex;
+    align-items: center;
+    padding: 0 16px;
+    box-sizing: border-box;
+    background: #EDEFF5;
+    height: 32px;
+    margin-bottom: 12px;
+    cursor: pointer;
+  `,
+  executeHeaderIcon: import_css.css`
+    height: 12px;
+    padding-right: 10px !important;
+  `,
+  actionTitle: import_css.css`
+    display: flex;
+    align-items: center;
+    padding: 0 16px;
+    box-sizing: border-box;
+    background: #EDEFF5;
+    height: 32px;
+    margin-bottom: 12px;
+    cursor: pointer;
+    border-radius: 8px;
+    min-width: 200px;
+  `,
+  actionHeaderDetailItem: import_css.css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 14px;
+    padding: 0 16px;
+    margin-bottom: 12px;
+    color: #949494;
+  `,
+  actionHeaderCost: import_css.css`
+    margin-left: auto;
+    color: #888;
+    font-size: 12px;
+    min-width: 32px;
+    text-align: right;
+  `,
+  executeHiddenWrapper: import_css.css`
+    background: #FFFFFF;
+    border-radius: 8px;
+    margin: 12px;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    height: 40px;
+    box-sizing: border-box;
+    padding: 0px 16px;
+    font-size: 14px;
+    margin-bottom: 12px;
+    color: #3961F2;
+  `,
+  executeTitle: import_css.css`
+    display: flex;
+    align-items: center;
+    padding: 6px 16px;
+    height: 40px;
+    box-sizing: border-box;
+    cursor: pointer;
+  `,
+  executeContent: import_css.css`
+    border-top: 1px solid rgba(0,0,0,0.08);
+    padding-top: 10px;
+  `,
+  executeWrapper: import_css.css`
+    background: #FFFFFF;
+    border-radius: 8px;
+    padding-bottom: 1px;
+    margin: 12px;
+  `
+}));
+var GlobalStyle = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_react.Global,
+  {
+    styles: import_react.css`
+      .ant-bubble-footer {
+        display: flex;
+        align-items: center;
+        min-width: 0,
+        max-width: 600,
+        /* 你想覆盖的其他样式 */
+      }
+
+      .ant-sender-content {
+        textarea {
+          word-break: break-all;
+        }
+      }
+
+      .ant-avatar {
+        background-color: transparent;
+      }
+
+      .ant-sender-actions-list {
+        margin-left: -40px;
+      }
+
+      .ant-sender {
+        box-shadow: none !important;
+      }
+
+      .ant-prompts-item {
+        padding-block: 8px !important;
+      }
+
+      /* 用户消息气泡背景色 */
+      .ant-bubble .user-content {
+        background-color: #D8E0FD;
+      }
+
+      /* 助手消息气泡背景色 */
+      .ant-bubble .assistant-content {
+        background-color: transparent;
+        min-height: 0;
+        padding: 0;
+      }
+    `
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GlobalStyle,
+  useStyles
+});
+//# sourceMappingURL=styles.js.map

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

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

package/dist/cjs/components/XAiConversations/index.d.ts

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

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

@@ -0,0 +1,140 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAiConversations/index.tsx
+var XAiConversations_exports = {};
+__export(XAiConversations_exports, {
+  default: () => XAiConversations_default
+});
+module.exports = __toCommonJS(XAiConversations_exports);
+var import_react = require("react");
+var import_x = require("@ant-design/x");
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
+var import_clsx = __toESM(require("clsx"));
+var import_useProviderContext = require("../../hooks/useProviderContext");
+var import_logo = __toESM(require("../../assets/logo.png"));
+var import_AddChatIcon = __toESM(require("../../assets/svg/AddChatIcon"));
+var import_flash_open = __toESM(require("../../assets/flash-open.svg?url"));
+var import_constants = require("../../constants");
+var import_styles = require("./styles");
+var import_jsx_runtime = require("react/jsx-runtime");
+var XAiConversations = (props) => {
+  const styles = (0, import_styles.useStyles)();
+  const { mergedProps } = (0, import_useProviderContext.useChatbotContext)(props);
+  const {
+    isNarrow = false,
+    sessionList,
+    style,
+    onActiveChange,
+    onNewChat,
+    loadMoreSessions,
+    activeKey,
+    menu
+  } = mergedProps;
+  const [listVisible, setListVisible] = (0, import_react.useState)(false);
+  const [animateDirection, setAnimateDirection] = (0, import_react.useState)(null);
+  const handleSwitchTab = (key) => {
+    onActiveChange == null ? void 0 : onActiveChange(key);
+  };
+  const handleNewChat = () => {
+    onNewChat == null ? void 0 : onNewChat();
+  };
+  const handleShowList = () => {
+    setListVisible(true);
+    setAnimateDirection("in");
+  };
+  const handleCloseList = () => {
+    setAnimateDirection("out");
+    setTimeout(() => {
+      setListVisible(false);
+      setAnimateDirection(null);
+    }, 300);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.conversationsWrapper, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.GlobalStyle, {}),
+    !listVisible && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.capWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { alt: "logo", src: import_logo.default, className: (0, import_clsx.default)(styles.w(32), styles.h(29)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.capShape, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.capIcon, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: import_flash_open.default, alt: "", onClick: handleShowList }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.capIcon, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AddChatIcon.default, { className: (0, import_clsx.default)(styles.w(17), styles.text("#343434")), onClick: handleNewChat }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        style: { display: listVisible ? "block" : "none" },
+        className: (0, import_clsx.default)(
+          isNarrow ? styles.nWrapper : styles.fWrapper,
+          animateDirection === "in" && styles.slideIn,
+          animateDirection === "out" && styles.slideOut
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fheaderWrapper, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { alt: "logo", src: import_logo.default, className: (0, import_clsx.default)(styles.w(32), styles.h(29)) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.capIcon, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: import_flash_open.default, alt: "", onClick: handleCloseList }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.addChatBtn, onClick: handleNewChat, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AddChatIcon.default, { className: (0, import_clsx.default)(styles.w(17), styles.mr(10)) }),
+            "开启新对话"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.tipTitle, children: "历史对话" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.scrollList, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_react_infinite_scroll_component.default,
+            {
+              dataLength: sessionList.length,
+              next: loadMoreSessions,
+              hasMore: false,
+              loader: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Spin, { indicator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.RedoOutlined, { spin: true }), size: "small" }) }),
+              endMessage: sessionList.length === import_constants.SESSION_PAGE_SIZE && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Divider, { plain: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.textColor("#949494"), children: "只展示前 50 条数据" }) }),
+              style: { overflow: "hidden", paddingBottom: "5px" },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_x.Conversations,
+                {
+                  activeKey,
+                  onActiveChange: (v) => handleSwitchTab(v),
+                  items: sessionList,
+                  menu,
+                  style: {
+                    width: 256,
+                    borderRadius: "6px",
+                    ...style
+                  }
+                }
+              )
+            }
+          ) })
+        ]
+      }
+    ),
+    isNarrow && listVisible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.mask, onClick: handleCloseList })
+  ] });
+};
+var XAiConversations_default = XAiConversations;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAiConversations/index.tsx"],
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { Conversations } from '@ant-design/x';\nimport { RedoOutlined } from '@ant-design/icons';\nimport { Spin, Divider } from 'antd';\nimport 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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",
+  "names": ["logo", "clsx", "flashOpen", "AddChatIcon", "InfiniteScroll"]
+}