@ai-group/chat-sdk 2.1.1 → 2.1.3

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

@@ -0,0 +1,340 @@
+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/XAdkSender/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  useStyles: () => useStyles
+});
+module.exports = __toCommonJS(styles_exports);
+var import_css = require("@emotion/css");
+var import_common = require("../../styles/common");
+var useStyles = (0, import_common.withBasicStyles)(() => ({
+  // 容器样式 - 最外层边框
+  container: import_css.css`
+    background: #fff;
+    position: relative;
+    overflow: hidden;
+    padding: 10px 15px;
+    overflow: visible;
+    border: 2px solid transparent;
+    transition: all 0.3s ease;
+    
+    &.drag-over {
+      border: 2px dashed #000;
+      background: rgba(0, 0, 0, 0.02);
+    }
+  `,
+  // 文件列表区域
+  fileListArea: import_css.css`
+    padding: 12px 16px 0 16px;
+    max-height: 150px;
+    overflow-y: auto;
+    
+    &::-webkit-scrollbar {
+      width: 4px;
+    }
+    
+    &::-webkit-scrollbar-track {
+      background: #f5f5f5;
+      border-radius: 2px;
+    }
+    
+    &::-webkit-scrollbar-thumb {
+      background: #d9d9d9;
+      border-radius: 2px;
+    }
+    
+    &::-webkit-scrollbar-thumb:hover {
+      background: #bfbfbf;
+    }
+  `,
+  // 文件列表
+  fileList: import_css.css`
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    margin-bottom: 12px;
+  `,
+  // 文件卡片
+  fileCard: import_css.css`
+    position: relative;
+    display: flex;
+    align-items: center;
+    padding: 8px 12px;
+    height: 64px;
+    box-sizing: border-box;
+    background: #fafafa;
+    border: 1px solid #f0f0f0;
+    border-radius: 8px;
+    min-width: 0;
+    flex: 0 0 auto;
+    max-width: 200px;
+    
+    &:hover {
+      background: #f5f5f5;
+    }
+  `,
+  fileSize: import_css.css`
+    font-size: 11px;
+    color: #8c8c8c;
+    line-height: 1.4;
+    height: 16px;
+    display: flex;
+    align-items: center;
+  `,
+  // 进度条容器
+  uploadProgress: import_css.css`
+    height: 16px;
+    display: flex;
+    align-items: center;
+    
+    .ant-progress {
+      width: 100%;
+      margin: 0;
+    }
+    
+    .ant-progress-inner {
+      height: 4px !important;
+    }
+    
+    .ant-progress-bg {
+      height: 4px !important;
+    }
+  `,
+  // 文件图标
+  fileIcon: import_css.css`
+    font-size: 18px;
+    color: #1890ff;
+    margin-right: 10px;
+    flex-shrink: 0;
+  `,
+  // 文件信息
+  fileInfo: import_css.css`
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+  `,
+  // 文件名
+  fileName: import_css.css`
+    font-size: 12px;
+    font-weight: 500;
+    color: #262626;
+    margin-bottom: 2px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    line-height: 1.4;
+  `,
+  // 文件删除按钮 - 黑底白字
+  fileRemoveBtn: import_css.css`
+    position: absolute;
+    top: -4px;
+    right: -4px;
+    width: 16px;
+    height: 16px;
+    min-width: 16px;
+    border-radius: 50%;
+    background: rgba(0, 0, 0, 0.75);
+    color: #fff;
+    border: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    z-index: 1;
+    padding: 0;
+    font-size: 8px;
+    transition: all 0.2s ease;
+    
+    &:hover {
+      background: rgba(0, 0, 0, 0.9);
+      transform: scale(1.1);
+    }
+    
+    &:active {
+      transform: scale(0.95);
+    }
+  `,
+  // 主内容区域
+  mainArea: import_css.css`
+    //
+  `,
+  // 发送区域
+  senderWrap: import_css.css`
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    background: var(--yb-input-bg-color);
+    border: .5px solid var(--widget-line, rgba(0, 0, 0, .08));
+    border-radius: 20px;
+    box-sizing: border-box;
+    caret-color: var(--yb-input-caret-color);
+    flex: auto;
+    font-size: 14px;
+    gap: 6px;
+    line-height: 22px;
+    padding: 7px 12px 7px 7px;
+    position: relative;
+    transition-duration: .2s;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, box-shadow;
+    transition-timing-function: linear;
+    box-shadow: 0 6px 30px 0 rgba(0,0,0,.08);
+  `,
+  // 输入框和按钮容器
+  inputAndButtons: import_css.css`
+    flex: 1;
+    display: flex;
+    align-items: flex-end;
+    gap: 8px;
+  `,
+  // 文本输入框容器
+  textAreaWrapper: import_css.css`
+    flex: 1;
+    display: flex;
+    align-items: center;
+    background: #fff;
+    padding: 0 16px;
+    min-height: 44px;
+    
+    /* 移除所有蓝色效果 */
+    &:focus-within {
+      border-color: #d9d9d9;
+      box-shadow: none;
+    }
+    
+    .ant-input:disabled {
+      background: transparent !important;
+    }
+    
+    &::placeholder {
+      color: #bfbfbf;
+    }
+  `,
+  // 文本输入框
+  textArea: import_css.css`
+    flex: 1;
+    border: none;
+    background: transparent;
+    font-size: 14px;
+    line-height: 1.5;
+    padding: 12px 0;
+    outline: none;
+    color: #262626;
+  `,
+  // 按钮组
+  buttonGroup: import_css.css`
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    height: 44px;
+  `,
+  // 按钮统一样式
+  iconButton: import_css.css`
+    width: 36px;
+    height: 36px;
+    min-width: 36px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease;
+    
+    &:hover {
+      transform: translateY(-1px);
+    }
+    
+    &:active {
+      transform: translateY(0);
+    }
+  `,
+  // 清空按钮
+  clearButton: import_css.css`
+    border: 1px solid #f0f0f0;
+    background: #fff;
+    color: #8c8c8c;
+    
+    &:hover {
+      border-color: #d9d9d9;
+      color: #262626;
+      background: #fafafa;
+    }
+    
+    &:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  `,
+  // 上传按钮
+  uploadButton: import_css.css`
+    border: 1px solid #f0f0f0;
+    background: #fff;
+    
+    &:hover {
+      //
+    }
+    
+    &:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+      border-color: #f0f0f0;
+      background: #fafafa;
+    }
+  `,
+  // 发送按钮
+  sendButton: import_css.css`
+    background: #000;
+    border: none;
+    color: #fff;
+    
+    &:hover:not(:disabled) {
+      background: #333; /* 悬停状态 */
+    }
+    
+    &:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+      background: #cccccc;
+      color: #fff;
+    }
+    
+    &.stop {
+      //
+      
+      &:hover:not(:disabled) {
+        //
+      }
+      
+      &:disabled {
+        background: #cccccc; /* 禁用状态也保持淡灰色 */
+      }
+    }
+  `,
+  // 底部提示
+  tip: import_css.css`
+    margin: 12px 0;
+    text-align: center;
+    font-size: 12px;
+    color: #8c8c8c;
+  `
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyles
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA;AAAA,EAE9C,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBX,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBd,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUV,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBhB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYV,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+Bf,UAAU;AAAA;AAAA;AAAA;AAAA,EAKV,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBZ,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQjB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBjB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYV,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQb,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBZ,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBb,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBd,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8BZ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAMP,EAAE;",
+  "names": []
+}

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

@@ -126,7 +126,7 @@ var 携带历史记录实例 = {
   },
   args: {
     url: "https://m-poc-dev.zaxline.com",
-    token: "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiVjRTT0htSm8zWmVhNFJOdWc3WFgyQT09Iiwic2NvcGUiOlsiYU5HbmZXS1pEUWVNWXkzd0NWSFc5VjVMIl0sImV4cCI6MTc2NzYxMjA1OCwianRpIjoibWljUkJubXk1cUNqb0hYRFkzYlRQb3RKb3FjIiwiY2xpZW50X2lkIjoiYU5HbmZXS1pEUWVNWXkzd0NWSFc5VjVMIn0.Ds-B4wr8WkDebX7jbN3gooGzGKENhsXKm8unPjP0Pb4eb-1xF_ZVH8jHVSzAwM3Wr37IShSak-hS6vnVz8QP0NqFGDEZf6EaIvGAmaJo32ESiYCiOfLgHc7ctai9yraAgQYOEXvNzdanKz9OWBDEdCCRAO7DL89Y7xIIwTqAEGkNESD6WVrjDBF_8EcS8dJlGkpeQRLatJsXfpefGy64mxN0nkbolV_tMKtLm8RvJsUfcG7gAbEAWW_hssrZe-CaYpaSgiJSsztEGoYm0gBNKx1tDwd76vVmj9yIXW7GL8EZtDWr9a7DbifVUGg08qSimoqlaI3Mk1iVSFdNdn6Ymw",
+    token: "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiVjRTT0htSm8zWmVhNFJOdWc3WFgyQT09Iiwic2NvcGUiOlsiYU5HbmZXS1pEUWVNWXkzd0NWSFc5VjVMIl0sImV4cCI6MTc2NzcwNDA3MSwianRpIjoiVTBxcHJOdFRsNWtkamdzdGJRcy1LRnRUblRFIiwiY2xpZW50X2lkIjoiYU5HbmZXS1pEUWVNWXkzd0NWSFc5VjVMIn0.ghuyC_rAMGb-Eiaymvr7ucCTcr1iE-2zfYFVQCPmkhHPHvlzgPmbaiA5_KlOyp_edVED4huDF6wNsjSZ62D7tVp_KrA47EtC-pY87-69PXmb7JbES0mmwX_4zE2kiQ8F5jMs9naWpRotHoZjPBneU1lxZNR2J_vFsH4Ta9_iLJcjOKurUZE1QbhxgkKjcCb2v5pNXe2iwUWTUuwp81B0Wn_JNSwYkUken0mnYu1jXl88rNqMCS56sQ9z32flGg5wRh8Wuo06mYvtmel_cQrmm0PrVAANCoZDahh0TO8W1Oaw1QsdaBX7f1KAi-GaNvmegcNFkwjtCFsGJ3KRBp6HYQ",
     config: {
       appNo: "aNGnfWKZDQeMYy3wCVHW9V5L",
       session: {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAdkWebProvider/XAdkWebProvider.stories.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport { Button } from 'antd';\nimport XAdkWebProvider from './index';\nimport XAiChatbot from '../XAiChatbot';\n\nconst meta: Meta<typeof XAdkWebProvider> = {\n  title: 'AI组件/XAdkWebProvider AI容器',\n  component: XAdkWebProvider,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'AI 聊天机器人容器组件，提供全局上下文和消息管理功能。',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    config: {\n      description: '配置信息',\n      table: {\n        type: {\n          summary: 'XAdkWebProviderConfig',\n          detail: `{\n            appNo?: string;  // 应用唯一编号\n          }`,\n        },\n        category: '配置选项',\n      },\n    },\n  },\n  // 添加装饰器，确保组件有必要的上下文\n  decorators: [\n    (Story) => (\n      <div style={{ padding: '20px' }}>\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 使用 Provider 的 XAiChatbot\nexport const 单聊天窗口实例: Story = {\n  render: (args) => {\n    const providerRef = React.useRef<any>(null);\n\n    const handleSendMessage = () => {\n      if (providerRef.current?.chat) {\n        providerRef.current.chat({ text: '你好，AI！' });\n      } else {\n        console.log('XAdkWebProvider ref 未准备好或 chat 方法不存在');\n      }\n    };\n\n    return (\n      <div style={{ display: 'flex' }}>\n        <div style={{ display: 'flex', flexDirection: 'column', gap: '12px', marginRight: '24px', justifyContent: 'center' }}>\n          <Button type=\"primary\" onClick={handleSendMessage}>发送消息</Button>\n        </div>\n        <div style={{ maxWidth: '350px', height: '600px' }}>\n          <XAdkWebProvider\n            ref={providerRef}\n            {...args}\n            onError={(providerError) => console.log(providerError)}\n            onMessage={(data) => console.log(data)}\n          >\n          </XAdkWebProvider>\n        </div>\n      </div>\n    );\n  },\n  args: {\n    url: 'https://m-poc-dev.zaxline.com',\n    token: 'eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiVjRTT0htSm8zWmVhNFJOdWc3WFgyQT09Iiwic2NvcGUiOlsiYU5HbmZXS1pEUWVNWXkzd0NWSFc5VjVMIl0sImV4cCI6MTc2NzUzNjE2NSwianRpIjoicnktX0RIQnVFbE9tQW1rZWtLNjBnNzREaGk0IiwiY2xpZW50X2lkIjoiYU5HbmZXS1pEUWVNWXkzd0NWSFc5VjVMIn0.UnedO15cSkYyE6u6ZQATLXSYIYb0GylP7RjeJYHDTVwGPuYKOHENgYMbXkL_FOe_V8681eZ5uXpR5k31HsziIjp_GtZdUqLv5O_bEzZ5gKMPmy9uXpr56M-IiB2c6GZRbJF-DI1b4J9QJcvwlIvQG-I2ug50cGmlZ4YHhRrjHnU6Z8j8iJoF4CLUgzG5R0UasIlonfI1uVUXX1lqD4iomZ7UDWodPLi2QpjlCkUq2kaJbjRSZAPHpugff4ZKzAl47nO2deBOBbmDkzPnKmibCwJ5rZVtYIYvWLq8iX0qgkhXEkEn20DB717WPGi779qB8vxOx4rGlwuegRAz_05_qg',\n    config: {\n      appNo: 'aNGnfWKZDQeMYy3wCVHW9V5L',\n    },\n    providerId: 'demo-provider',\n  },\n};\n\n\n// 使用 Provider 的 XAiChatbot\nexport const 携带历史记录实例: Story = {\n  render: (args) => {\n    const providerRef = React.useRef<any>(null);\n\n    const handleSendMessage = () => {\n      if (providerRef.current?.chat) {\n        providerRef.current.chat({ text: '你好，AI！' });\n      } else {\n        console.log('XAdkWebProvider ref 未准备好或 chat 方法不存在');\n      }\n    };\n\n    return (\n      <div style={{ display: 'flex' }}>\n        <div style={{ height: '600px', width: '100vw' }}>\n          <XAdkWebProvider\n            ref={providerRef}\n            {...args}\n            onError={(providerError) => console.log(providerError)}\n            onMessage={(data) => console.log(data)}\n          />\n        </div>\n      </div>\n    );\n  },\n  args: {\n    url: 'https://m-poc-dev.zaxline.com',\n    token: 'eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiVjRTT0htSm8zWmVhNFJOdWc3WFgyQT09Iiwic2NvcGUiOlsiYU5HbmZXS1pEUWVNWXkzd0NWSFc5VjVMIl0sImV4cCI6MTc2NzYxMjA1OCwianRpIjoibWljUkJubXk1cUNqb0hYRFkzYlRQb3RKb3FjIiwiY2xpZW50X2lkIjoiYU5HbmZXS1pEUWVNWXkzd0NWSFc5VjVMIn0.Ds-B4wr8WkDebX7jbN3gooGzGKENhsXKm8unPjP0Pb4eb-1xF_ZVH8jHVSzAwM3Wr37IShSak-hS6vnVz8QP0NqFGDEZf6EaIvGAmaJo32ESiYCiOfLgHc7ctai9yraAgQYOEXvNzdanKz9OWBDEdCCRAO7DL89Y7xIIwTqAEGkNESD6WVrjDBF_8EcS8dJlGkpeQRLatJsXfpefGy64mxN0nkbolV_tMKtLm8RvJsUfcG7gAbEAWW_hssrZe-CaYpaSgiJSsztEGoYm0gBNKx1tDwd76vVmj9yIXW7GL8EZtDWr9a7DbifVUGg08qSimoqlaI3Mk1iVSFdNdn6Ymw',\n    config: {\n      appNo: 'aNGnfWKZDQeMYy3wCVHW9V5L',\n      session: {\n        showSessionList: true,\n      }\n    },\n    providerId: 'demo-provider',\n  },\n};"],
+  "sourcesContent": ["import React from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport { Button } from 'antd';\nimport XAdkWebProvider from './index';\nimport XAiChatbot from '../XAiChatbot';\n\nconst meta: Meta<typeof XAdkWebProvider> = {\n  title: 'AI组件/XAdkWebProvider AI容器',\n  component: XAdkWebProvider,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'AI 聊天机器人容器组件，提供全局上下文和消息管理功能。',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    config: {\n      description: '配置信息',\n      table: {\n        type: {\n          summary: 'XAdkWebProviderConfig',\n          detail: `{\n            appNo?: string;  // 应用唯一编号\n          }`,\n        },\n        category: '配置选项',\n      },\n    },\n  },\n  // 添加装饰器，确保组件有必要的上下文\n  decorators: [\n    (Story) => (\n      <div style={{ padding: '20px' }}>\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 使用 Provider 的 XAiChatbot\nexport const 单聊天窗口实例: Story = {\n  render: (args) => {\n    const providerRef = React.useRef<any>(null);\n\n    const handleSendMessage = () => {\n      if (providerRef.current?.chat) {\n        providerRef.current.chat({ text: '你好，AI！' });\n      } else {\n        console.log('XAdkWebProvider ref 未准备好或 chat 方法不存在');\n      }\n    };\n\n    return (\n      <div style={{ display: 'flex' }}>\n        <div style={{ display: 'flex', flexDirection: 'column', gap: '12px', marginRight: '24px', justifyContent: 'center' }}>\n          <Button type=\"primary\" onClick={handleSendMessage}>发送消息</Button>\n        </div>\n        <div style={{ maxWidth: '350px', height: '600px' }}>\n          <XAdkWebProvider\n            ref={providerRef}\n            {...args}\n            onError={(providerError) => console.log(providerError)}\n            onMessage={(data) => console.log(data)}\n          >\n          </XAdkWebProvider>\n        </div>\n      </div>\n    );\n  },\n  args: {\n    url: 'https://m-poc-dev.zaxline.com',\n    token: 'eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiVjRTT0htSm8zWmVhNFJOdWc3WFgyQT09Iiwic2NvcGUiOlsiYU5HbmZXS1pEUWVNWXkzd0NWSFc5VjVMIl0sImV4cCI6MTc2NzUzNjE2NSwianRpIjoicnktX0RIQnVFbE9tQW1rZWtLNjBnNzREaGk0IiwiY2xpZW50X2lkIjoiYU5HbmZXS1pEUWVNWXkzd0NWSFc5VjVMIn0.UnedO15cSkYyE6u6ZQATLXSYIYb0GylP7RjeJYHDTVwGPuYKOHENgYMbXkL_FOe_V8681eZ5uXpR5k31HsziIjp_GtZdUqLv5O_bEzZ5gKMPmy9uXpr56M-IiB2c6GZRbJF-DI1b4J9QJcvwlIvQG-I2ug50cGmlZ4YHhRrjHnU6Z8j8iJoF4CLUgzG5R0UasIlonfI1uVUXX1lqD4iomZ7UDWodPLi2QpjlCkUq2kaJbjRSZAPHpugff4ZKzAl47nO2deBOBbmDkzPnKmibCwJ5rZVtYIYvWLq8iX0qgkhXEkEn20DB717WPGi779qB8vxOx4rGlwuegRAz_05_qg',\n    config: {\n      appNo: 'aNGnfWKZDQeMYy3wCVHW9V5L',\n    },\n    providerId: 'demo-provider',\n  },\n};\n\n\n// 使用 Provider 的 XAiChatbot\nexport const 携带历史记录实例: Story = {\n  render: (args) => {\n    const providerRef = React.useRef<any>(null);\n\n    const handleSendMessage = () => {\n      if (providerRef.current?.chat) {\n        providerRef.current.chat({ text: '你好，AI！' });\n      } else {\n        console.log('XAdkWebProvider ref 未准备好或 chat 方法不存在');\n      }\n    };\n\n    return (\n      <div style={{ display: 'flex' }}>\n        <div style={{ height: '600px', width: '100vw' }}>\n          <XAdkWebProvider\n            ref={providerRef}\n            {...args}\n            onError={(providerError) => console.log(providerError)}\n            onMessage={(data) => console.log(data)}\n          />\n        </div>\n      </div>\n    );\n  },\n  args: {\n    url: 'https://m-poc-dev.zaxline.com',\n    token: 'eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiVjRTT0htSm8zWmVhNFJOdWc3WFgyQT09Iiwic2NvcGUiOlsiYU5HbmZXS1pEUWVNWXkzd0NWSFc5VjVMIl0sImV4cCI6MTc2NzcwNDA3MSwianRpIjoiVTBxcHJOdFRsNWtkamdzdGJRcy1LRnRUblRFIiwiY2xpZW50X2lkIjoiYU5HbmZXS1pEUWVNWXkzd0NWSFc5VjVMIn0.ghuyC_rAMGb-Eiaymvr7ucCTcr1iE-2zfYFVQCPmkhHPHvlzgPmbaiA5_KlOyp_edVED4huDF6wNsjSZ62D7tVp_KrA47EtC-pY87-69PXmb7JbES0mmwX_4zE2kiQ8F5jMs9naWpRotHoZjPBneU1lxZNR2J_vFsH4Ta9_iLJcjOKurUZE1QbhxgkKjcCb2v5pNXe2iwUWTUuwp81B0Wn_JNSwYkUken0mnYu1jXl88rNqMCS56sQ9z32flGg5wRh8Wuo06mYvtmel_cQrmm0PrVAANCoZDahh0TO8W1Oaw1QsdaBX7f1KAi-GaNvmegcNFkwjtCFsGJ3KRBp6HYQ',\n    config: {\n      appNo: 'aNGnfWKZDQeMYy3wCVHW9V5L',\n      session: {\n        showSessionList: true,\n      }\n    },\n    providerId: 'demo-provider',\n  },\n};"],
   "mappings": "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",
   "names": ["XAdkWebProvider", "React"]
 }

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

@@ -65,6 +65,7 @@ var XAdkWebProvider = (0, import_react.forwardRef)(({
     suggestions,
     sessionList,
     currentSessionId,
+    initialized,
     setMessages,
     startChat,
     stopChat,
@@ -88,7 +89,7 @@ var XAdkWebProvider = (0, import_react.forwardRef)(({
     setMessages,
     setCurrentSessionDetail
   }), [appInfo, messages, stopChat, setMessages, setCurrentSessionDetail]);
-  const [isNarrow, setIsNarrow] = (0, import_react.useState)(false);
+  const [_isNarrow, setIsNarrow] = (0, import_react.useState)(false);
   const divRef = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
     const div = divRef.current;
@@ -107,7 +108,7 @@ var XAdkWebProvider = (0, import_react.forwardRef)(({
       resizeObserver.disconnect();
     };
   }, []);
-  const handleSendMessage = async (text) => {
+  const handleSendMessage = async ({ text = "" }) => {
     await startChat(text);
   };
   const handleAddFeedback = async (data) => {
@@ -162,7 +163,7 @@ var XAdkWebProvider = (0, import_react.forwardRef)(({
               const lastMsg = messages.findLast((v) => {
                 return v.role === "user" && v.text;
               });
-              handleSendMessage((lastMsg == null ? void 0 : lastMsg.text) || "");
+              handleSendMessage({ text: (lastMsg == null ? void 0 : lastMsg.text) || "" });
             }
           }
         ) }),
@@ -329,6 +330,8 @@ var XAdkWebProvider = (0, import_react.forwardRef)(({
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.chatbotWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.content, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_XAdkChatbot.default,
           {
+            allowUpload: config == null ? void 0 : config.allowUpload,
+            initialized,
             prologue,
             suggestions,
             loading,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAdkWebProvider/index.tsx"],
-  "sourcesContent": ["import { forwardRef, useImperativeHandle, useState, useRef, useEffect } from 'react';\nimport { message, Flex, Tooltip, Button, Modal, Input, ConfigProvider } from 'antd';\nimport copy from 'copy-to-clipboard';\nimport { XProvider } from '@ant-design/x';\nimport type { ConversationsProps } from '@ant-design/x';\nimport { ExclamationCircleFilled, ReloadOutlined, CopyOutlined, LikeFilled, LikeOutlined } from '@ant-design/icons';\nimport { XAdkProviderProps, XAdkProviderHandle } from '@/types/XAdkProvider';\nimport { MOBILE_MAX_WIDTH, API_SUCCESS_CODE } from '@/constants';\nimport type { IMessage } from '@/types';\nimport XAdkChatbot from '../XAdkChatbot';\nimport DislikeFeedback from '../DislikeFeedback';\nimport useADKChat from '@/hooks/useADKChat';\nimport { addFeedback } from '@/services/api';\nimport { primaryBlue } from '@/styles/common';\nimport XAiConversations from '../XAiConversations';\nimport { useStyles } from './styles';\n\nconst { confirm } = Modal;\n\nconst XAdkWebProvider = forwardRef<XAdkProviderHandle, XAdkProviderProps>(({\n  url = window.location.origin,\n  token,\n  config,\n  providerId = 'defaultId',\n  onSuccess,\n  onError,\n}, ref) => {\n  // 使用 useAgentGenerator Hook 管理消息状态\n  const styles = useStyles();\n  // const { textSpeed = 55 } = config?.chatProps || {};\n\n  const {\n    appInfo,\n    loading,\n    messages,\n    prologue,\n    suggestions,\n    sessionList,\n    currentSessionId,\n    setMessages,\n    startChat,\n    stopChat,\n    clearChat,\n    suggestChat,\n    deleteSession,\n    updateSession,\n    setCurrentSessionDetail,\n  } = useADKChat({ url, config, token, onSuccess, onError });\n\n  const { appName, icon } = appInfo || {};\n\n  useImperativeHandle(ref, () => ({\n    startChat,\n    stopChat,\n    clearChat,\n    suggestChat,\n    deleteSession,\n    updateSession,\n    getAppInfo: () => appInfo,\n    getMessages: () => messages,\n    getSessions: () => sessionList,\n    setMessages,\n    setCurrentSessionDetail,\n  }), [appInfo, messages, stopChat, setMessages, setCurrentSessionDetail]);\n\n  const [isNarrow, setIsNarrow] = useState<boolean>(false);\n  const divRef = useRef<HTMLDivElement>(null);\n\n  // 监听容器宽度变化\n  useEffect(() => {\n    const div = divRef.current;\n    if (!div) return;\n\n    // 创建监听器\n    const resizeObserver = new ResizeObserver((entries) => {\n      // eslint-disable-next-line no-restricted-syntax\n      for (const entry of entries) {\n        const { width } = entry.contentRect;\n        setIsNarrow(width <= MOBILE_MAX_WIDTH);\n      }\n    });\n\n    // 开始监听\n    resizeObserver.observe(div);\n\n    // 初始化检查\n    const initialWidth = div.offsetWidth;\n    setIsNarrow(initialWidth <= MOBILE_MAX_WIDTH);\n\n    // 清理函数\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, []);\n\n  // 发送消息\n  const handleSendMessage = async (text: string) => {\n    await startChat(text);\n  };\n\n  // 处理添加反馈\n  const handleAddFeedback = async (data: any) => {\n    const { appNo } = config || {};\n    const isLike = data?.raw?.isLike ?? 0;\n    if (isLike !== 0) {\n      message.warning('已收到您的反馈，无需重复提交');\n      return;\n    }\n    if (appNo) {\n      const { result } = await addFeedback({\n        url,\n        token,\n        appNo,\n        requestId: data.invocationId,\n        isLike: 1,\n      });\n      if (result?.code === API_SUCCESS_CODE) {\n        message.success('感谢您的反馈');\n        setMessages((prev) => {\n          return prev.map((item) => {\n            if (item.id === data.id) {\n              return {\n                ...item,\n                raw: {\n                  ...item.raw,\n                  isLike: 1, \n                }\n              };\n            }\n            return item;\n          });\n        });\n      } else {\n        message.error('反馈失败，请稍后再试');\n      }\n    }\n  };\n\n\n  const renderFooter = ({ message: msg = {} as IMessage, isLastBotMsg = false, isLastMsg = false}) => {\n    if (isLastBotMsg) {\n      return (\n        <Flex gap={4} style={{ padding: '8px 0' }}>\n          {isLastMsg && (\n            <Tooltip title=\"重新生成\">\n              <Button\n                type=\"text\"\n                size=\"small\"\n                style={{ color: '#949494' }}\n                icon={<ReloadOutlined />}\n                onClick={() => {\n                  const lastMsg = messages.findLast((v) => {\n                    return v.role === 'user' && v.text;\n                  });\n                  handleSendMessage(lastMsg?.text || '');\n                }}\n              />\n            </Tooltip>\n          )}\n          <Tooltip title=\"赞\">\n            <Button\n              type=\"text\"\n              size=\"small\"\n              style={{ color: '#949494' }}\n              icon={msg.raw?.isLike === 1 ? <LikeFilled /> : <LikeOutlined />}\n              onClick={() => handleAddFeedback(msg)}\n            />\n          </Tooltip>\n          <Tooltip title=\"踩\">\n            <DislikeFeedback\n              msg={msg}\n              activeColor={appInfo?.appTheme || primaryBlue}\n              onSubmit={async (formData) => {\n                const { result } = await addFeedback({\n                  ...formData,\n                  requestId: msg.invocationId,\n                  isLike: -1,\n                  url,\n                  appNo: config?.appNo,\n                  token,\n                });\n                if (result?.code === API_SUCCESS_CODE) {\n                  message.success('已收到您的反馈，我们会努力做的更好');\n                  setMessages((prev) => {\n                    return prev.map((item) => {\n                      if (item.id === msg.id) {\n                        return {\n                          ...item,\n                          isLike: -1,\n                        };\n                      }\n                      return item;\n                    });\n                  });\n                  return true;\n                }\n                message.error('反馈失败，请稍后再试');\n                return false;\n              }}\n            />\n          </Tooltip>\n          <Tooltip title=\"复制\">\n            <Button\n              type=\"text\"\n              size=\"small\"\n              style={{ color: '#949494' }}\n              icon={<CopyOutlined />}\n              onClick={() => {\n                const msgs = messages.filter((v) => {\n                  return v.role === 'bot'\n                    && v.invocationId === msg.invocationId\n                    && v.text;\n                });\n                const text = msgs.map((v) => {\n                  return v.text;\n                }).join('\\n');\n                const isOk = copy(text);\n                if (isOk) {\n                  message.success('复制成功');\n                }\n              }}\n            />\n          </Tooltip>\n        </Flex>\n      );\n    }\n    return null;\n  };\n\n  // 修改会话内容\n  const handleUpdateSession = (sessionId: string, title: string) => {\n    updateSession(sessionId, title);\n  };\n\n  // 会话操作菜单\n  const menuConfig: ConversationsProps['menu'] = (conversation) => ({\n    items: [\n      {\n        label: '重命名',\n        key: 'edit',\n      },\n      {\n        label: '删除',\n        key: 'delete',\n        danger: true,\n      },\n    ],\n    onClick: (menuInfo) => {\n      menuInfo.domEvent.stopPropagation();\n      const { key } = menuInfo;\n      switch (key) {\n        case 'edit': {\n          let inputValue = conversation.label as string || '';\n          confirm({\n            title: '编辑对话名称',\n            icon: null,\n            content: (\n              <Input\n                defaultValue={inputValue}\n                autoFocus\n                style={{ width: '100%' }}\n                onChange={(e) => {\n                  inputValue = e.target.value;\n                }}\n              />\n            ),\n            okText: '确认',\n            cancelText: '取消',\n            okButtonProps: {\n              style: { background: '#000', borderColor: '#000', color: '#fff' },\n            },\n            onOk: () => {\n              if (!inputValue.trim()) {\n                message.error('对话名称不能为空');\n                return Promise.reject();\n              }\n              handleUpdateSession(conversation.key, inputValue);\n            },\n            onCancel: () => {\n              // 静默处理\n            },\n          });\n          break;\n        }\n        case 'delete':\n          confirm({\n            title: '确认删除?',\n            icon: <ExclamationCircleFilled />,\n            content: '该对话内容将被删除无法恢复。',\n            okText: '确认删除',\n            okType: 'danger',\n            cancelText: '取消',\n            okButtonProps: {\n              style: { background: '#ff4d4f', borderColor: '#ff4d4f', color: '#fff' },\n            },\n            onOk() {\n              deleteSession(conversation.key);\n            },\n            onCancel() {\n              //\n            },\n          });\n          break;\n      }\n    },\n  });\n\n  // 是否展示清空按钮\n  const clearBtnShow = typeof config?.chatProps?.clearBtnShow !== 'undefined'\n    ? config.chatProps.clearBtnShow\n    : !config?.session?.showSessionList;\n\n  return (\n    <ConfigProvider>\n      <XProvider>\n        <div\n          ref={divRef}\n          className={styles.providerWrapper}\n        > \n          {config?.session?.showSessionList && (\n            <XAiConversations\n              isNarrow={false}\n              sessionList={sessionList}\n              onActiveChange={(key) => setCurrentSessionDetail(key)}\n              onNewChat={clearChat}\n              activeKey={currentSessionId}\n              menu={menuConfig}\n            />\n          )}\n          <div className={styles.chatbotWrapper}>\n            <div className={styles.content}>\n              <XAdkChatbot\n                prologue={prologue}\n                suggestions={suggestions}\n                loading={loading}\n                messages={messages}\n                footer={renderFooter}\n                onSubmit={handleSendMessage}\n                onStop={stopChat}\n                onClear={clearChat}\n                onSuggest={suggestChat}\n                clearBtnShow={clearBtnShow}\n              />\n            </div>\n          </div>\n        </div>\n      </XProvider>\n    </ConfigProvider>\n  );\n});\n\nexport default XAdkWebProvider;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { forwardRef, useImperativeHandle, useState, useRef, useEffect } from 'react';\nimport { message, Flex, Tooltip, Button, Modal, Input, ConfigProvider } from 'antd';\nimport copy from 'copy-to-clipboard';\nimport { XProvider } from '@ant-design/x';\nimport type { ConversationsProps } from '@ant-design/x';\nimport { ExclamationCircleFilled, ReloadOutlined, CopyOutlined, LikeFilled, LikeOutlined } from '@ant-design/icons';\nimport { XAdkProviderProps, XAdkProviderHandle } from '@/types/XAdkProvider';\nimport { MOBILE_MAX_WIDTH, API_SUCCESS_CODE } from '@/constants';\nimport type { IMessage, SendContent } from '@/types';\nimport XAdkChatbot from '../XAdkChatbot';\nimport DislikeFeedback from '../DislikeFeedback';\nimport useADKChat from '@/hooks/useADKChat';\nimport { addFeedback } from '@/services/api';\nimport { primaryBlue } from '@/styles/common';\nimport XAiConversations from '../XAiConversations';\nimport { useStyles } from './styles';\n\nconst { confirm } = Modal;\n\nconst XAdkWebProvider = forwardRef<XAdkProviderHandle, XAdkProviderProps>(({\n  url = window.location.origin,\n  token,\n  config,\n  providerId = 'defaultId',\n  onSuccess,\n  onError,\n}, ref) => {\n  // 使用 useAgentGenerator Hook 管理消息状态\n  const styles = useStyles();\n  // const { textSpeed = 55 } = config?.chatProps || {};\n\n  const {\n    appInfo,\n    loading,\n    messages,\n    prologue,\n    suggestions,\n    sessionList,\n    currentSessionId,\n    initialized,\n    setMessages,\n    startChat,\n    stopChat,\n    clearChat,\n    suggestChat,\n    deleteSession,\n    updateSession,\n    setCurrentSessionDetail,\n  } = useADKChat({ url, config, token, onSuccess, onError });\n\n  const { appName, icon } = appInfo || {};\n\n  useImperativeHandle(ref, () => ({\n    startChat,\n    stopChat,\n    clearChat,\n    suggestChat,\n    deleteSession,\n    updateSession,\n    getAppInfo: () => appInfo,\n    getMessages: () => messages,\n    getSessions: () => sessionList,\n    setMessages,\n    setCurrentSessionDetail,\n  }), [appInfo, messages, stopChat, setMessages, setCurrentSessionDetail]);\n\n  const [_isNarrow, setIsNarrow] = useState<boolean>(false);\n  const divRef = useRef<HTMLDivElement>(null);\n\n  // 监听容器宽度变化\n  useEffect(() => {\n    const div = divRef.current;\n    if (!div) return;\n\n    // 创建监听器\n    const resizeObserver = new ResizeObserver((entries) => {\n      // eslint-disable-next-line no-restricted-syntax\n      for (const entry of entries) {\n        const { width } = entry.contentRect;\n        setIsNarrow(width <= MOBILE_MAX_WIDTH);\n      }\n    });\n\n    // 开始监听\n    resizeObserver.observe(div);\n\n    // 初始化检查\n    const initialWidth = div.offsetWidth;\n    setIsNarrow(initialWidth <= MOBILE_MAX_WIDTH);\n\n    // 清理函数\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, []);\n\n  // 发送消息\n  const handleSendMessage = async ({ text = '' }: SendContent) => {\n    await startChat(text);\n  };\n\n  // 处理添加反馈\n  const handleAddFeedback = async (data: any) => {\n    const { appNo } = config || {};\n    const isLike = data?.raw?.isLike ?? 0;\n    if (isLike !== 0) {\n      message.warning('已收到您的反馈，无需重复提交');\n      return;\n    }\n    if (appNo) {\n      const { result } = await addFeedback({\n        url,\n        token,\n        appNo,\n        requestId: data.invocationId,\n        isLike: 1,\n      });\n      if (result?.code === API_SUCCESS_CODE) {\n        message.success('感谢您的反馈');\n        setMessages((prev) => {\n          return prev.map((item) => {\n            if (item.id === data.id) {\n              return {\n                ...item,\n                raw: {\n                  ...item.raw,\n                  isLike: 1, \n                }\n              };\n            }\n            return item;\n          });\n        });\n      } else {\n        message.error('反馈失败，请稍后再试');\n      }\n    }\n  };\n\n\n  const renderFooter = ({ message: msg = {} as IMessage, isLastBotMsg = false, isLastMsg = false}) => {\n    if (isLastBotMsg) {\n      return (\n        <Flex gap={4} style={{ padding: '8px 0' }}>\n          {isLastMsg && (\n            <Tooltip title=\"重新生成\">\n              <Button\n                type=\"text\"\n                size=\"small\"\n                style={{ color: '#949494' }}\n                icon={<ReloadOutlined />}\n                onClick={() => {\n                  const lastMsg = messages.findLast((v) => {\n                    return v.role === 'user' && v.text;\n                  });\n                  handleSendMessage({ text: lastMsg?.text || '' });\n                }}\n              />\n            </Tooltip>\n          )}\n          <Tooltip title=\"赞\">\n            <Button\n              type=\"text\"\n              size=\"small\"\n              style={{ color: '#949494' }}\n              icon={msg.raw?.isLike === 1 ? <LikeFilled /> : <LikeOutlined />}\n              onClick={() => handleAddFeedback(msg)}\n            />\n          </Tooltip>\n          <Tooltip title=\"踩\">\n            <DislikeFeedback\n              msg={msg}\n              activeColor={appInfo?.appTheme || primaryBlue}\n              onSubmit={async (formData) => {\n                const { result } = await addFeedback({\n                  ...formData,\n                  requestId: msg.invocationId,\n                  isLike: -1,\n                  url,\n                  appNo: config?.appNo,\n                  token,\n                });\n                if (result?.code === API_SUCCESS_CODE) {\n                  message.success('已收到您的反馈，我们会努力做的更好');\n                  setMessages((prev) => {\n                    return prev.map((item) => {\n                      if (item.id === msg.id) {\n                        return {\n                          ...item,\n                          isLike: -1,\n                        };\n                      }\n                      return item;\n                    });\n                  });\n                  return true;\n                }\n                message.error('反馈失败，请稍后再试');\n                return false;\n              }}\n            />\n          </Tooltip>\n          <Tooltip title=\"复制\">\n            <Button\n              type=\"text\"\n              size=\"small\"\n              style={{ color: '#949494' }}\n              icon={<CopyOutlined />}\n              onClick={() => {\n                const msgs = messages.filter((v) => {\n                  return v.role === 'bot'\n                    && v.invocationId === msg.invocationId\n                    && v.text;\n                });\n                const text = msgs.map((v) => {\n                  return v.text;\n                }).join('\\n');\n                const isOk = copy(text);\n                if (isOk) {\n                  message.success('复制成功');\n                }\n              }}\n            />\n          </Tooltip>\n        </Flex>\n      );\n    }\n    return null;\n  };\n\n  // 修改会话内容\n  const handleUpdateSession = (sessionId: string, title: string) => {\n    updateSession(sessionId, title);\n  };\n\n  // 会话操作菜单\n  const menuConfig: ConversationsProps['menu'] = (conversation) => ({\n    items: [\n      {\n        label: '重命名',\n        key: 'edit',\n      },\n      {\n        label: '删除',\n        key: 'delete',\n        danger: true,\n      },\n    ],\n    onClick: (menuInfo) => {\n      menuInfo.domEvent.stopPropagation();\n      const { key } = menuInfo;\n      switch (key) {\n        case 'edit': {\n          let inputValue = conversation.label as string || '';\n          confirm({\n            title: '编辑对话名称',\n            icon: null,\n            content: (\n              <Input\n                defaultValue={inputValue}\n                autoFocus\n                style={{ width: '100%' }}\n                onChange={(e) => {\n                  inputValue = e.target.value;\n                }}\n              />\n            ),\n            okText: '确认',\n            cancelText: '取消',\n            okButtonProps: {\n              style: { background: '#000', borderColor: '#000', color: '#fff' },\n            },\n            onOk: () => {\n              if (!inputValue.trim()) {\n                message.error('对话名称不能为空');\n                return Promise.reject();\n              }\n              handleUpdateSession(conversation.key, inputValue);\n            },\n            onCancel: () => {\n              // 静默处理\n            },\n          });\n          break;\n        }\n        case 'delete':\n          confirm({\n            title: '确认删除?',\n            icon: <ExclamationCircleFilled />,\n            content: '该对话内容将被删除无法恢复。',\n            okText: '确认删除',\n            okType: 'danger',\n            cancelText: '取消',\n            okButtonProps: {\n              style: { background: '#ff4d4f', borderColor: '#ff4d4f', color: '#fff' },\n            },\n            onOk() {\n              deleteSession(conversation.key);\n            },\n            onCancel() {\n              //\n            },\n          });\n          break;\n      }\n    },\n  });\n\n  // 是否展示清空按钮\n  const clearBtnShow = typeof config?.chatProps?.clearBtnShow !== 'undefined'\n    ? config.chatProps.clearBtnShow\n    : !config?.session?.showSessionList;\n\n  return (\n    <ConfigProvider>\n      <XProvider>\n        <div\n          ref={divRef}\n          className={styles.providerWrapper}\n        > \n          {config?.session?.showSessionList && (\n            <XAiConversations\n              isNarrow={false}\n              sessionList={sessionList}\n              onActiveChange={(key) => setCurrentSessionDetail(key)}\n              onNewChat={clearChat}\n              activeKey={currentSessionId}\n              menu={menuConfig}\n            />\n          )}\n          <div className={styles.chatbotWrapper}>\n            <div className={styles.content}>\n              <XAdkChatbot\n                allowUpload={config?.allowUpload}\n                initialized={initialized}\n                prologue={prologue}\n                suggestions={suggestions}\n                loading={loading}\n                messages={messages}\n                footer={renderFooter}\n                onSubmit={handleSendMessage}\n                onStop={stopChat}\n                onClear={clearChat}\n                onSuggest={suggestChat}\n                clearBtnShow={clearBtnShow}\n              />\n            </div>\n          </div>\n        </div>\n      </XProvider>\n    </ConfigProvider>\n  );\n});\n\nexport default XAdkWebProvider;\n"],
+  "mappings": "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",
   "names": ["useADKChat", "_a", "DislikeFeedback", "copy", "XAiConversations", "XAdkChatbot"]
 }

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

@@ -77,7 +77,7 @@ var XAiConversations = (props) => {
       setAnimateDirection(null);
     }, 300);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.conversationsWrapper, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.GlobalStyle, {}),
     (!listVisible || isNarrow) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.capWrapper, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { alt: "logo", src: import_logo.default, className: (0, import_clsx.default)(styles.w(32), styles.h(29)) }),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiConversations/index.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport { Conversations } from '@ant-design/x';\nimport { RedoOutlined } from '@ant-design/icons';\nimport { Spin, Divider } from 'antd';\nimport InfiniteScroll from 'react-infinite-scroll-component';\nimport clsx from 'clsx';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { type XAiConversationsProps } from '@/types/XAiConversations';\nimport logo from '@/assets/logo.png';\nimport AddChatIcon from '@/assets/svg/AddChatIcon';\nimport flashOpen from '@/assets/flash-open.svg?url';\nimport { SESSION_PAGE_SIZE } from '@/constants';\nimport { useStyles, GlobalStyle } from './styles';\n\nconst XAiConversations: React.FC<XAiConversationsProps> = (props) => {\n  const styles = useStyles();\n  const { mergedProps } = useChatbotContext(props);\n  const {\n    isNarrow = false,\n    sessionList,\n    style,\n    onActiveChange,\n    onNewChat,\n    loadMoreSessions,\n    activeKey,\n    menu,\n  } = mergedProps;\n\n  const [listVisible, setListVisible] = useState(false);\n  const [animateDirection, setAnimateDirection] = useState<'in' | 'out' | null>(null);\n\n  const handleSwitchTab = (key: string) => {\n    onActiveChange?.(key);\n  };\n\n  const handleNewChat = () => {\n    onNewChat?.();\n  };\n\n  const handleShowList = () => {\n    setListVisible(true);\n    setAnimateDirection('in');\n  };\n\n  const handleCloseList = () => {\n    setAnimateDirection('out');\n    setTimeout(() => {\n      setListVisible(false);\n      setAnimateDirection(null);\n    }, 300);\n  };\n\n  return (\n    <div>\n      <GlobalStyle />\n      {/** 顶部操作栏 */}\n      {\n        (!listVisible || isNarrow) && (\n          <div className={styles.capWrapper}>\n            <img alt=\"logo\" src={logo} className={clsx(styles.w(32), styles.h(29))} />\n            <div className={styles.capShape}>\n              <div className={styles.capIcon}>\n                <img src={flashOpen} alt=\"\" onClick={handleShowList} />\n              </div>\n              <div className={styles.capIcon}>\n                <AddChatIcon className={clsx(styles.w(17), styles.text('#343434'))} onClick={handleNewChat} />\n              </div>\n            </div>\n          </div>\n        )\n      }\n\n      {/* 会话列表 */}\n      <div\n        style={{ display: listVisible ? 'block' : 'none' }}\n        className={clsx(\n          isNarrow ? styles.nWrapper : styles.fWrapper,\n          animateDirection === 'in' && styles.slideIn,\n          animateDirection === 'out' && styles.slideOut,\n        )}\n      >\n        {/* 固定头部 */}\n        <div className={styles.fheaderWrapper}>\n          <img alt=\"logo\" src={logo} className={clsx(styles.w(32), styles.h(29))} />\n          <div className={styles.capIcon}>\n            <img src={flashOpen} alt=\"\" onClick={handleCloseList} />\n          </div>\n        </div>\n        <div className={styles.addChatBtn} onClick={handleNewChat}>\n          <AddChatIcon className={clsx(styles.w(17), styles.mr(10))} />\n          开启新对话\n        </div>\n        <div className={styles.tipTitle}>历史对话</div>\n\n        {/* 滚动区域 */}\n        <div className={styles.scrollList}>\n          <InfiniteScroll\n            dataLength={sessionList.length}\n            next={loadMoreSessions}\n            hasMore={false}\n            loader={(\n              <div style={{ textAlign: 'center' }}>\n                <Spin indicator={<RedoOutlined spin />} size=\"small\" />\n              </div>\n            )}\n            endMessage={sessionList.length === SESSION_PAGE_SIZE && <Divider plain><span className={styles.textColor('#949494')}>只展示前 50 条数据</span></Divider>}\n            style={{ overflow: 'hidden', paddingBottom: '5px' }}\n          >\n            <Conversations\n              activeKey={activeKey}\n              onActiveChange={(v) => handleSwitchTab(v)}\n              items={sessionList}\n              menu={menu}\n              style={{\n                width: 256,\n                borderRadius: '6px',\n                ...style,\n              }}\n            />\n          </InfiniteScroll>\n        </div>\n      </div>\n\n      {/* 遮罩层 - 仅在窄屏且列表可见时显示 */}\n      {isNarrow && listVisible && (\n        <div className={styles.mask} onClick={handleCloseList} />\n      )}\n    </div>\n  );\n};\n\nexport default XAiConversations;\n"],
-  "mappings": "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",
+  "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": "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",
   "names": ["logo", "clsx", "flashOpen", "AddChatIcon", "InfiniteScroll"]
 }

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

@@ -1,5 +1,6 @@
 import React from 'react';
 export declare const useStyles: () => {
+    conversationsWrapper: string;
     capWrapper: string;
     capShape: string;
     capIcon: string;

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

@@ -38,6 +38,9 @@ var slideOutRight = import_css.keyframes`
 `;
 var useStyles = (0, import_common.withBasicStyles)(() => ({
   // 静态样式
+  conversationsWrapper: import_css.css`
+    overflow: hidden;
+  `,
   capWrapper: import_css.css`
     padding: 12px 16px;
     display: flex;

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

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