@ai-group/chat-sdk 3.0.1-alpha.4 → 3.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-group/chat-sdk",
-  "version": "3.0.1-alpha.4",
+  "version": "3.0.2",
   "private": false,
   "description": "面向 AI 中台平台的前端集成 SDK，支持 OAuth2 安全认证、聊天机器人、智能编辑器、多模态对话，适配 SaaS / 私有化双场景。",
   "main": "dist/cjs/index.js",

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

@@ -1,12 +0,0 @@
-import React from "react";
-import type { FileData } from "../../../../types";
-export interface FileGalleryProps {
-    files?: FileData[];
-    align?: "left" | "right";
-}
-/**
- * 文件展示画廊组件
- * 支持图片九宫格 + 文件列表双模式
- */
-declare const FileGallery: React.FC<FileGalleryProps>;
-export default FileGallery;

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

@@ -1,92 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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.js

@@ -1,137 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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/XAdkSender/FileGallery.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { LocalFile } from "../../types/XAdkSender";
-interface FileGalleryProps {
-    files: LocalFile[];
-    onRemove: (id: string) => void;
-}
-declare const FileGallery: React.FC<FileGalleryProps>;
-export default FileGallery;

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

@@ -1,381 +0,0 @@
-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/FileGallery.tsx
-var FileGallery_exports = {};
-__export(FileGallery_exports, {
-  default: () => FileGallery_default
-});
-module.exports = __toCommonJS(FileGallery_exports);
-var import_antd = require("antd");
-var import_icons = require("@ant-design/icons");
-var import_css = require("@emotion/css");
-var import_jsx_runtime = require("react/jsx-runtime");
-var isImageFile = (file) => {
-  if (!file.type)
-    return false;
-  return file.type.startsWith("image/");
-};
-var getFileExtension = (filename) => {
-  const ext = filename.split(".").pop();
-  return ext ? ext.toLowerCase() : "";
-};
-var getFileIcon = (file) => {
-  const ext = getFileExtension(file.name);
-  if (ext === "pdf") {
-    return { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FilePdfOutlined, {}), color: "#ff4d4f" };
-  }
-  if (["doc", "docx"].includes(ext)) {
-    return { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FileWordOutlined, {}), color: "#1677ff" };
-  }
-  if (["xls", "xlsx", "csv"].includes(ext)) {
-    return { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FileExcelOutlined, {}), color: "#22b35e" };
-  }
-  if (["ppt", "pptx"].includes(ext)) {
-    return { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FilePptOutlined, {}), color: "#ff6e31" };
-  }
-  if (isImageFile(file)) {
-    return { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FileImageOutlined, {}), color: "#8c8c8c" };
-  }
-  return { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FileOutlined, {}), color: "#8c8c8c" };
-};
-var formatFileSize = (bytes) => {
-  if (bytes < 1024)
-    return bytes + " B";
-  if (bytes < 1024 * 1024)
-    return (bytes / 1024).toFixed(1) + " KB";
-  return (bytes / (1024 * 1024)).toFixed(1) + " MB";
-};
-var styles = {
-  container: import_css.css`
-    padding: 12px 0;
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-  `,
-  // 图片九宫格容器
-  imageGrid: import_css.css`
-    display: grid;
-    gap: 8px;
-    width: fit-content;
-    min-width: 80px;
-    max-width: 100%;
-    /* 默认3列布局 */
-    grid-template-columns: repeat(3, 1fr);
-
-    /* 单张图 */
-    &[data-count="1"] {
-      grid-template-columns: 1fr;
-      min-width: 100px;
-      max-width: 200px;
-    }
-
-    /* 2张、4张 -> 2列 */
-    &[data-count="2"],
-    &[data-count="4"] {
-      grid-template-columns: repeat(2, 1fr);
-      min-width: 180px;
-      max-width: 240px;
-    }
-
-    /* 3张、5-9张 -> 3列 */
-    &[data-count="3"],
-    &[data-count="5"],
-    &[data-count="6"],
-    &[data-count="7"],
-    &[data-count="8"],
-    &[data-count="9"] {
-      grid-template-columns: repeat(3, 1fr);
-      min-width: 260px;
-      max-width: 320px;
-    }
-  `,
-  imageItem: import_css.css`
-    position: relative;
-    width: 100%;
-    min-width: 80px;
-    padding-top: 100%; /* 1:1 正方形 */
-    height: 0;
-    overflow: hidden;
-    border-radius: 8px;
-    background-color: #f5f5f5;
-    border: 1px solid rgba(0, 0, 0, 0.06);
-
-    .ant-image {
-      position: absolute !important;
-      top: 0;
-      left: 0;
-      width: 100% !important;
-      height: 100% !important;
-      display: flex !important;
-      justify-content: center;
-      align-items: center;
-    }
-
-    img {
-      width: 100% !important;
-      height: 100% !important;
-      object-fit: cover !important;
-      display: block !important;
-    }
-  `,
-  imageOverlay: import_css.css`
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.05);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: 10;
-  `,
-  removeBtn: import_css.css`
-    position: absolute;
-    top: 4px;
-    right: 4px;
-    width: 20px;
-    height: 20px;
-    border-radius: 50%;
-    background: rgba(0, 0, 0, 0.6);
-    color: #fff;
-    border: none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    z-index: 20;
-    padding: 0;
-    font-size: 10px;
-    transition: all 0.2s ease;
-
-    &:hover {
-      background: rgba(0, 0, 0, 0.8);
-      transform: scale(1.1);
-    }
-  `,
-  // 文件列表
-  fileList: import_css.css`
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-  `,
-  fileCard: import_css.css`
-    position: relative;
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    padding: 10px 12px;
-    background: #fafafa;
-    border: 1px solid #f0f0f0;
-    border-radius: 8px;
-    min-width: 200px;
-    max-width: 280px;
-    min-height: 64px;
-    transition: all 0.2s ease;
-
-    &:hover {
-      background: #f5f5f5;
-      border-color: #e0e0e0;
-    }
-  `,
-  // 图片缩略图容器
-  imageThumbnail: import_css.css`
-    position: relative;
-    width: 44px;
-    height: 44px;
-    flex-shrink: 0;
-    border-radius: 4px;
-    overflow: hidden;
-    background-color: #f5f5f5;
-    border: 1px solid rgba(0, 0, 0, 0.06);
-
-    .ant-image {
-      width: 100% !important;
-      height: 100% !important;
-      display: flex !important;
-      justify-content: center;
-      align-items: center;
-    }
-
-    img {
-      width: 100% !important;
-      height: 100% !important;
-      object-fit: cover !important;
-      display: block !important;
-    }
-  `,
-  fileIcon: import_css.css`
-    font-size: 24px;
-    flex-shrink: 0;
-    width: 44px;
-    height: 44px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  `,
-  fileInfo: import_css.css`
-    flex: 1;
-    min-width: 0;
-    overflow: hidden;
-  `,
-  fileName: import_css.css`
-    font-size: 13px;
-    font-weight: 500;
-    color: #262626;
-    margin-bottom: 4px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  `,
-  fileSize: import_css.css`
-    font-size: 11px;
-    color: #8c8c8c;
-  `,
-  progress: import_css.css`
-    margin-top: 4px;
-
-    .ant-progress-inner {
-      height: 4px !important;
-    }
-
-    .ant-progress-bg {
-      height: 4px !important;
-    }
-  `,
-  fileRemoveBtn: import_css.css`
-    position: absolute;
-    top: -6px;
-    right: -6px;
-    width: 18px;
-    height: 18px;
-    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: 10px;
-    transition: all 0.2s ease;
-
-    &:hover {
-      background: rgba(0, 0, 0, 0.9);
-      transform: scale(1.1);
-    }
-
-    &:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
-  `
-};
-var FileGallery = ({ files, onRemove }) => {
-  if (files.length === 0)
-    return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.container, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileList, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Image.PreviewGroup, { children: files.map((file) => {
-    var _a, _b;
-    const isImage = isImageFile(file);
-    if (isImage) {
-      const url = ((_a = file.response) == null ? void 0 : _a.fileUrl) || ((_b = file.response) == null ? void 0 : _b.tempUrl) || file.tempUrl || (file.file ? URL.createObjectURL(file.file) : "");
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fileCard, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.imageThumbnail, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_antd.Image,
-            {
-              src: url,
-              alt: file.name,
-              fallback: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==",
-              preview: {
-                src: url
-              }
-            }
-          ),
-          file.status === "uploading" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.imageOverlay, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_antd.Progress,
-            {
-              type: "circle",
-              percent: file.progress,
-              size: 30,
-              strokeColor: "#1677ff"
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fileInfo, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: file.name, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileName, children: file.name.length > 15 ? `${file.name.substring(0, 15)}...` : file.name }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileSize, children: formatFileSize(file.size) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "button",
-          {
-            className: styles.fileRemoveBtn,
-            onClick: () => onRemove(file.id),
-            disabled: file.status === "uploading",
-            "aria-label": "删除文件",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseOutlined, {})
-          }
-        )
-      ] }, file.id);
-    } else {
-      const { icon, color } = getFileIcon(file);
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fileCard, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileIcon, style: { color }, children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fileInfo, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: file.name, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileName, children: file.name.length > 15 ? `${file.name.substring(0, 15)}...` : file.name }) }),
-          file.status === "uploading" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_antd.Progress,
-            {
-              percent: file.progress,
-              size: "small",
-              showInfo: false,
-              strokeColor: "#1677ff",
-              className: styles.progress
-            }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileSize, children: formatFileSize(file.size) }),
-          file.status === "error" && file.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "div",
-            {
-              style: {
-                fontSize: "11px",
-                color: "#ff4d4f",
-                marginTop: "2px"
-              },
-              children: file.errorMessage
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "button",
-          {
-            className: styles.fileRemoveBtn,
-            onClick: () => onRemove(file.id),
-            disabled: file.status === "uploading",
-            "aria-label": "删除文件",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseOutlined, {})
-          }
-        )
-      ] }, file.id);
-    }
-  }) }) }) });
-};
-var FileGallery_default = FileGallery;
-//# sourceMappingURL=FileGallery.js.map