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

package/dist/cjs/components/XAdkChatbot/components/FileGallery/index.js

@@ -0,0 +1,92 @@
+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/XAdkChatbot/components/FileGallery/index.tsx
+var FileGallery_exports = {};
+__export(FileGallery_exports, {
+  default: () => FileGallery_default
+});
+module.exports = __toCommonJS(FileGallery_exports);
+var import_antd = require("antd");
+var import_styles = require("./styles");
+var import_jsx_runtime = require("react/jsx-runtime");
+var getFileName = (file) => {
+  return file.displayName || "";
+};
+var getFileUrl = (file) => {
+  return file.fileUri || "";
+};
+var isImage = (file) => {
+  if (!file)
+    return false;
+  const mimeType = file.mimeType;
+  const name = getFileName(file);
+  const url = getFileUrl(file);
+  if (mimeType == null ? void 0 : mimeType.startsWith("image/"))
+    return true;
+  if (name == null ? void 0 : name.match(/\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i))
+    return true;
+  if (url == null ? void 0 : url.match(/\.(jpg|jpeg|png|gif|webp|bmp|svg)(\?.*)?$/i))
+    return true;
+  return false;
+};
+var FileGallery = ({ files, align = "left" }) => {
+  const styles = (0, import_styles.useStyles)();
+  if (!files || files.length === 0)
+    return null;
+  const imageFiles = files.filter(isImage);
+  const otherFiles = files.filter((f) => !isImage(f));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: `${styles.fileGalleryWrapper} ${align === "right" ? "alignRight" : ""}`,
+      children: [
+        imageFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.imageGrid, "data-count": imageFiles.length, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Image.PreviewGroup, { children: imageFiles.map((file, index) => {
+          const src = getFileUrl(file);
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.imageItem, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_antd.Image,
+            {
+              src,
+              className: styles.img,
+              width: "100%",
+              height: "100%",
+              alt: getFileName(file),
+              fallback: "https://via.placeholder.com/150?text=Load+Error",
+              style: { objectFit: "cover" }
+            }
+          ) }, index);
+        }) }) }),
+        otherFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileList, children: otherFiles.map((file, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileItem, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "a",
+          {
+            href: getFileUrl(file),
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: styles.fileLink,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.fileIcon, children: "📄" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.fileName, children: getFileName(file) })
+            ]
+          }
+        ) }, i)) })
+      ]
+    }
+  );
+};
+var FileGallery_default = FileGallery;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/XAdkChatbot/components/FileGallery/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/XAdkChatbot/components/FileGallery/index.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport { Image } from \"antd\";\nimport { useStyles } from \"./styles\";\nimport type { FileData } from \"@/types\";\n\nexport interface FileGalleryProps {\n  files?: FileData[];\n  align?: \"left\" | \"right\";\n}\n\n/**\n * 获取文件名\n */\nconst getFileName = (file: FileData): string => {\n  return file.displayName || \"\";\n};\n\n/**\n * 获取文件 URL\n */\nconst getFileUrl = (file: FileData): string => {\n  return file.fileUri || \"\";\n};\n\n/**\n * 判断是否为图片\n */\nconst isImage = (file: FileData): boolean => {\n  if (!file) return false;\n\n  const mimeType = file.mimeType;\n  const name = getFileName(file);\n  const url = getFileUrl(file);\n\n  // 1. 根据 MIME 类型判断\n  if (mimeType?.startsWith(\"image/\")) return true;\n\n  // 2. 根据后缀名判断\n  if (name?.match(/\\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i)) return true;\n\n  // 3. 根据 URL 后缀判断 (兜底)\n  if (url?.match(/\\.(jpg|jpeg|png|gif|webp|bmp|svg)(\\?.*)?$/i)) return true;\n\n  return false;\n};\n\n/**\n * 文件展示画廊组件\n * 支持图片九宫格 + 文件列表双模式\n */\nconst FileGallery: React.FC<FileGalleryProps> = ({ files, align = \"left\" }) => {\n  const styles = useStyles();\n\n  if (!files || files.length === 0) return null;\n\n  // 分类:图片 vs 其他文件\n  const imageFiles = files.filter(isImage);\n  const otherFiles = files.filter((f) => !isImage(f));\n\n  return (\n    <div\n      className={`${styles.fileGalleryWrapper} ${align === \"right\" ? \"alignRight\" : \"\"}`}\n    >\n      {/* 1. 图片区域:九宫格 */}\n      {imageFiles.length > 0 && (\n        <div className={styles.imageGrid} data-count={imageFiles.length}>\n          <Image.PreviewGroup>\n            {imageFiles.map((file, index) => {\n              const src = getFileUrl(file);\n              return (\n                <div key={index} className={styles.imageItem}>\n                  <Image\n                    src={src}\n                    className={styles.img}\n                    width=\"100%\"\n                    height=\"100%\"\n                    alt={getFileName(file)}\n                    fallback=\"https://via.placeholder.com/150?text=Load+Error\"\n                    style={{ objectFit: \"cover\" }}\n                  />\n                </div>\n              );\n            })}\n          </Image.PreviewGroup>\n        </div>\n      )}\n\n      {/* 2. 非图片文件:列表展示 */}\n      {otherFiles.length > 0 && (\n        <div className={styles.fileList}>\n          {otherFiles.map((file, i) => (\n            <div key={i} className={styles.fileItem}>\n              <a\n                href={getFileUrl(file)}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className={styles.fileLink}\n              >\n                <span className={styles.fileIcon}>📄</span>\n                <span className={styles.fileName}>{getFileName(file)}</span>\n              </a>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default FileGallery;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAsB;AACtB,oBAA0B;AAqER;AA1DlB,IAAM,cAAc,CAAC,SAA2B;AAC9C,SAAO,KAAK,eAAe;AAC7B;AAKA,IAAM,aAAa,CAAC,SAA2B;AAC7C,SAAO,KAAK,WAAW;AACzB;AAKA,IAAM,UAAU,CAAC,SAA4B;AAC3C,MAAI,CAAC;AAAM,WAAO;AAElB,QAAM,WAAW,KAAK;AACtB,QAAM,OAAO,YAAY,IAAI;AAC7B,QAAM,MAAM,WAAW,IAAI;AAG3B,MAAI,qCAAU,WAAW;AAAW,WAAO;AAG3C,MAAI,6BAAM,MAAM;AAAwC,WAAO;AAG/D,MAAI,2BAAK,MAAM;AAA+C,WAAO;AAErE,SAAO;AACT;AAMA,IAAM,cAA0C,CAAC,EAAE,OAAO,QAAQ,OAAO,MAAM;AAC7E,QAAM,aAAS,yBAAU;AAEzB,MAAI,CAAC,SAAS,MAAM,WAAW;AAAG,WAAO;AAGzC,QAAM,aAAa,MAAM,OAAO,OAAO;AACvC,QAAM,aAAa,MAAM,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAElD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,OAAO,sBAAsB,UAAU,UAAU,eAAe;AAAA,MAG7E;AAAA,mBAAW,SAAS,KACnB,4CAAC,SAAI,WAAW,OAAO,WAAW,cAAY,WAAW,QACvD,sDAAC,kBAAM,cAAN,EACE,qBAAW,IAAI,CAAC,MAAM,UAAU;AAC/B,gBAAM,MAAM,WAAW,IAAI;AAC3B,iBACE,4CAAC,SAAgB,WAAW,OAAO,WACjC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,WAAW,OAAO;AAAA,cAClB,OAAM;AAAA,cACN,QAAO;AAAA,cACP,KAAK,YAAY,IAAI;AAAA,cACrB,UAAS;AAAA,cACT,OAAO,EAAE,WAAW,QAAQ;AAAA;AAAA,UAC9B,KATQ,KAUV;AAAA,QAEJ,CAAC,GACH,GACF;AAAA,QAID,WAAW,SAAS,KACnB,4CAAC,SAAI,WAAW,OAAO,UACpB,qBAAW,IAAI,CAAC,MAAM,MACrB,4CAAC,SAAY,WAAW,OAAO,UAC7B;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,WAAW,IAAI;AAAA,YACrB,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAW,OAAO;AAAA,YAElB;AAAA,0DAAC,UAAK,WAAW,OAAO,UAAU,gBAAE;AAAA,cACpC,4CAAC,UAAK,WAAW,OAAO,UAAW,sBAAY,IAAI,GAAE;AAAA;AAAA;AAAA,QACvD,KATQ,CAUV,CACD,GACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/cjs/components/XAdkChatbot/components/FileGallery/styles.d.ts

@@ -0,0 +1,44 @@
+export declare const useStyles: () => {
+    fileGalleryWrapper: string;
+    imageGrid: string;
+    imageItem: string;
+    img: string;
+    fileList: string;
+    fileItem: string;
+    fileLink: string;
+    fileIcon: string;
+    fileName: 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;
+};

package/dist/cjs/components/XAdkChatbot/components/FileGallery/styles.js

@@ -0,0 +1,137 @@
+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/XAdkChatbot/components/FileGallery/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)(() => ({
+  fileGalleryWrapper: import_css.css`
+    margin: 8px 0;
+
+    &.alignRight {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-end;
+    }
+  `,
+  // 九宫格布局
+  imageGrid: import_css.css`
+    display: grid;
+    gap: 8px;
+    max-width: 400px;
+    margin-bottom: 8px;
+
+    /* 1张图片:单列 */
+    &[data-count="1"] {
+      grid-template-columns: 1fr;
+      max-width: 300px;
+    }
+
+    /* 2-4张图片:两列 */
+    &[data-count="2"],
+    &[data-count="3"],
+    &[data-count="4"] {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    /* 5-9张图片:三列 */
+    &[data-count="5"],
+    &[data-count="6"],
+    &[data-count="7"],
+    &[data-count="8"],
+    &[data-count="9"] {
+      grid-template-columns: repeat(3, 1fr);
+      max-width: 400px;
+    }
+  `,
+  imageItem: import_css.css`
+    position: relative;
+    width: 100%;
+    padding-top: 100%; /* 1:1 比例 */
+    overflow: hidden;
+    border-radius: 8px;
+    background: #ffffff;
+    border: 1px solid #d9d9d9;
+
+    .ant-image {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+    }
+  `,
+  img: import_css.css`
+    object-fit: cover;
+    cursor: pointer;
+    transition: transform 0.2s;
+
+    &:hover {
+      transform: scale(1.05);
+    }
+  `,
+  // 文件列表
+  fileList: import_css.css`
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    max-width: 400px;
+  `,
+  fileItem: import_css.css`
+    background: #ffffff;
+    border: 1px solid #d9d9d9;
+    border-radius: 8px;
+    padding: 12px;
+    transition: all 0.2s;
+
+    &:hover {
+      border-color: #1890ff;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+    }
+  `,
+  fileLink: import_css.css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    color: rgba(0, 0, 0, 0.85);
+    text-decoration: none;
+
+    &:hover {
+      color: #1890ff;
+    }
+  `,
+  fileIcon: import_css.css`
+    font-size: 20px;
+  `,
+  fileName: import_css.css`
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyles
+});
+//# sourceMappingURL=styles.js.map

package/dist/cjs/components/XAdkChatbot/components/FileGallery/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/XAdkChatbot/components/FileGallery/styles.tsx"],
+  "sourcesContent": ["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  fileGalleryWrapper: css`\n    margin: 8px 0;\n\n    &.alignRight {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n    }\n  `,\n\n  // 九宫格布局\n  imageGrid: css`\n    display: grid;\n    gap: 8px;\n    max-width: 400px;\n    margin-bottom: 8px;\n\n    /* 1张图片:单列 */\n    &[data-count=\"1\"] {\n      grid-template-columns: 1fr;\n      max-width: 300px;\n    }\n\n    /* 2-4张图片:两列 */\n    &[data-count=\"2\"],\n    &[data-count=\"3\"],\n    &[data-count=\"4\"] {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    /* 5-9张图片:三列 */\n    &[data-count=\"5\"],\n    &[data-count=\"6\"],\n    &[data-count=\"7\"],\n    &[data-count=\"8\"],\n    &[data-count=\"9\"] {\n      grid-template-columns: repeat(3, 1fr);\n      max-width: 400px;\n    }\n  `,\n\n  imageItem: css`\n    position: relative;\n    width: 100%;\n    padding-top: 100%; /* 1:1 比例 */\n    overflow: hidden;\n    border-radius: 8px;\n    background: #ffffff;\n    border: 1px solid #d9d9d9;\n\n    .ant-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n  `,\n\n  img: css`\n    object-fit: cover;\n    cursor: pointer;\n    transition: transform 0.2s;\n\n    &:hover {\n      transform: scale(1.05);\n    }\n  `,\n\n  // 文件列表\n  fileList: css`\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    max-width: 400px;\n  `,\n\n  fileItem: css`\n    background: #ffffff;\n    border: 1px solid #d9d9d9;\n    border-radius: 8px;\n    padding: 12px;\n    transition: all 0.2s;\n\n    &:hover {\n      border-color: #1890ff;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n    }\n  `,\n\n  fileLink: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(0, 0, 0, 0.85);\n    text-decoration: none;\n\n    &:hover {\n      color: #1890ff;\n    }\n  `,\n\n  fileIcon: css`\n    font-size: 20px;\n  `,\n\n  fileName: css`\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n}));\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWpB,WAAW;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,EA8BX,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBX,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWL,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYV,UAAU;AAAA;AAAA;AAAA,EAIV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAMZ,EAAE;",
+  "names": []
+}

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

@@ -1,4 +1,14 @@
 import React from "react";
 import type { XAdkChatbotProps } from "../../types";
+/**
+ * XAdkChatbot - 增强版聊天组件
+ *
+ * 新增功能:
+ * - ✅ 自动消息分组 (enableGrouping)
+ * - ✅ 自动解析思维链 (enableProcessParsing)
+ * - ✅ 文件展示 (FileGallery)
+ * - ✅ 操作栏 (重试/复制/日志)
+ * - ✅ 欢迎页面 (agentName/agentIcon/description)
+ */
 declare const XAdkChatbot: React.FC<XAdkChatbotProps>;
 export default XAdkChatbot;