@ant-design/agentic-ui 2.0.6 → 2.0.10

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/index.js

@@ -1,3 +1,23 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
 // src/MarkdownInputField/AttachmentButton/AttachmentFileList/index.tsx
 import { X } from "@sofa-design/icons";
 import { ConfigProvider, Image } from "antd";
@@ -8,45 +28,99 @@ import { ActionIconBox } from "../../../components/ActionIconBox";
 import { isImageFile } from "../utils";
 import { AttachmentFileListItem } from "./AttachmentFileListItem";
 import { useStyle } from "./style";
+var ANIMATION_VARIANTS = {
+  visible: {
+    opacity: 1,
+    transition: {
+      when: "beforeChildren",
+      staggerChildren: 0.1
+    }
+  },
+  hidden: {
+    opacity: 0,
+    transition: {
+      when: "afterChildren"
+    }
+  }
+};
+var HIDDEN_STYLE = {
+  height: 0,
+  overflow: "hidden",
+  padding: 0
+};
+var CLEAR_BUTTON_STYLE = {
+  transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
+};
+var IMAGE_PREVIEW_STYLE = {
+  display: "none"
+};
 var AttachmentFileList = (props) => {
-  var _a, _b, _c, _d, _e;
+  const { fileMap, onDelete, onPreview, onDownload, onRetry, onClearFileMap } = props;
   const context = useContext(ConfigProvider.ConfigContext);
   const prefix = context == null ? void 0 : context.getPrefixCls("md-editor-attachment-list");
   const { wrapSSR, hashId } = useStyle(prefix);
   const [imgSrc, setImgSrc] = React.useState(void 0);
+  const fileList = Array.from((fileMap == null ? void 0 : fileMap.values()) || []);
+  const hasFiles = fileList.length > 0;
+  const isAnyUploading = fileList.some((file) => file.status === "uploading");
+  const handlePreview = (file) => {
+    if (onPreview) {
+      onPreview(file);
+      return;
+    }
+    if (isImageFile(file)) {
+      setImgSrc(file.previewUrl || file.url);
+      return;
+    }
+    if (typeof window === "undefined")
+      return;
+    window.open(file.previewUrl || file.url, "_blank");
+  };
+  const handlePreviewClose = (visible) => {
+    if (!visible) {
+      setImgSrc(void 0);
+    }
+  };
+  const getContainerStyle = () => {
+    return (fileMap == null ? void 0 : fileMap.size) ? {} : HIDDEN_STYLE;
+  };
+  const getClearButtonStyle = () => {
+    return __spreadProps(__spreadValues({}, CLEAR_BUTTON_STYLE), {
+      opacity: (fileMap == null ? void 0 : fileMap.size) ? 1 : 0
+    });
+  };
+  const renderClearButton = () => {
+    if (isAnyUploading)
+      return null;
+    return /* @__PURE__ */ React.createElement(
+      ActionIconBox,
+      {
+        style: getClearButtonStyle(),
+        onClick: onClearFileMap,
+        className: classNames(`${prefix}-close-icon`, hashId)
+      },
+      /* @__PURE__ */ React.createElement(X, null)
+    );
+  };
   return wrapSSR(
     /* @__PURE__ */ React.createElement(
       "div",
       {
         className: classNames(`${prefix}-container`, hashId, {
-          [`${prefix}-container-empty`]: Array.from(((_a = props.fileMap) == null ? void 0 : _a.values()) || []).length === 0
+          [`${prefix}-container-empty`]: !hasFiles
         })
       },
       /* @__PURE__ */ React.createElement(
         motion.div,
         {
-          variants: {
-            visible: {
-              opacity: 1,
-              transition: {
-                when: "beforeChildren",
-                staggerChildren: 0.1
-              }
-            },
-            hidden: {
-              opacity: 0,
-              transition: {
-                when: "afterChildren"
-              }
-            }
-          },
+          variants: ANIMATION_VARIANTS,
           whileInView: "visible",
           initial: "hidden",
           animate: "visible",
-          style: ((_b = props.fileMap) == null ? void 0 : _b.size) ? {} : { height: 0, overflow: "hidden", padding: 0 },
+          style: getContainerStyle(),
           className: classNames(prefix, hashId)
         },
-        /* @__PURE__ */ React.createElement(AnimatePresence, { initial: false }, Array.from(((_c = props.fileMap) == null ? void 0 : _c.values()) || []).map((file, index) => /* @__PURE__ */ React.createElement(
+        /* @__PURE__ */ React.createElement(AnimatePresence, { initial: false }, fileList.map((file, index) => /* @__PURE__ */ React.createElement(
           AttachmentFileListItem,
           {
             prefixCls: `${prefix}-item`,
@@ -54,31 +128,10 @@ var AttachmentFileList = (props) => {
             className: classNames(hashId, `${prefix}-item`),
             key: (file == null ? void 0 : file.uuid) || (file == null ? void 0 : file.name) || index,
             file,
-            onDelete: () => {
-              props.onDelete(file);
-            },
-            onPreview: () => {
-              var _a2;
-              if (props.onPreview) {
-                (_a2 = props.onPreview) == null ? void 0 : _a2.call(props, file);
-                return;
-              }
-              if (isImageFile(file)) {
-                setImgSrc(file.previewUrl || file.url);
-                return;
-              }
-              if (typeof window === "undefined")
-                return;
-              window.open(file.previewUrl || file.url, "_blank");
-            },
-            onDownload: () => {
-              var _a2;
-              return (_a2 = props.onDownload) == null ? void 0 : _a2.call(props, file);
-            },
-            onRetry: () => {
-              var _a2;
-              return (_a2 = props.onRetry) == null ? void 0 : _a2.call(props, file);
-            }
+            onDelete: () => onDelete(file),
+            onPreview: () => handlePreview(file),
+            onDownload: () => onDownload == null ? void 0 : onDownload(file),
+            onRetry: () => onRetry == null ? void 0 : onRetry(file)
           }
         ))),
         /* @__PURE__ */ React.createElement(
@@ -87,37 +140,17 @@ var AttachmentFileList = (props) => {
             key: "preview",
             src: imgSrc,
             alt: "Preview",
-            style: { display: "none" },
+            style: IMAGE_PREVIEW_STYLE,
             preview: {
               visible: !!imgSrc,
               scaleStep: 1,
               src: imgSrc,
-              onVisibleChange: (value) => {
-                if (!value) {
-                  setImgSrc(void 0);
-                }
-              }
+              onVisibleChange: handlePreviewClose
             }
           }
         )
       ),
-      Array.from(((_d = props.fileMap) == null ? void 0 : _d.values()) || []).every(
-        (file) => file.status !== "uploading"
-      ) ? /* @__PURE__ */ React.createElement(
-        ActionIconBox,
-        {
-          style: {
-            opacity: ((_e = props.fileMap) == null ? void 0 : _e.size) ? 1 : 0,
-            transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
-          },
-          onClick: () => {
-            var _a2;
-            (_a2 = props.onClearFileMap) == null ? void 0 : _a2.call(props);
-          },
-          className: classNames(`${`${prefix}`}-close-icon`, hashId)
-        },
-        /* @__PURE__ */ React.createElement(X, null)
-      ) : null
+      renderClearButton()
     )
   );
 };

package/dist/MarkdownInputField/AttachmentButton/index.d.ts

@@ -1,7 +1,8 @@
 import { default as React } from 'react';
 import { AttachmentButtonPopoverProps } from './AttachmentButtonPopover';
-import { AttachmentFile } from './types';
+import { AttachmentFile, UploadResponse } from './types';
 export * from './AttachmentButtonPopover';
+export type { AttachmentFile, UploadResponse } from './types';
 /**
  * AttachmentButton 组件的属性
  */
@@ -17,6 +18,28 @@ export type AttachmentButtonProps = {
      * }
      */
     upload?: (file: AttachmentFile) => Promise<string>;
+    /**
+     * 处理文件上传的函数（返回完整响应对象）。返回一个 Promise，解析为 UploadResponse 对象。
+     * 优先级高于 upload 接口，返回的完整响应对象会存储在 file.uploadResponse 中。
+     * @param file - 要上传的附件文件
+     * @param index - 文件在上传队列中的索引
+     * @returns 解析为 UploadResponse 对象的 Promise
+     * @example
+     * const uploadWithResponse = async (file: AttachmentFile, index: number) => {
+     *   const response = await api.uploadFile(file);
+     *   return {
+     *     contentId: null,
+     *     errorMessage: null,
+     *     fileId: response.fileId,
+     *     fileName: response.fileName,
+     *     fileSize: file.size,
+     *     fileType: response.fileType,
+     *     fileUrl: response.fileUrl,
+     *     uploadStatus: 'SUCCESS'
+     *   };
+     * }
+     */
+    uploadWithResponse?: (file: AttachmentFile, index: number) => Promise<UploadResponse>;
     /**
      * 存储当前附件文件的 Map，以文件 ID 为键，文件对象为值
      * @example
@@ -86,6 +109,7 @@ export declare const upLoadFileToServer: (files: ArrayLike<File>, props: {
     fileMap?: Map<string, AttachmentFile> | undefined;
     onFileMapChange?: ((files?: Map<string, AttachmentFile>) => void) | undefined;
     upload?: ((file: AttachmentFile, index: number) => Promise<string>) | undefined;
+    uploadWithResponse?: ((file: AttachmentFile, index: number) => Promise<UploadResponse>) | undefined;
     maxFileSize?: number | undefined;
     maxFileCount?: number | undefined;
     minFileCount?: number | undefined;

package/dist/MarkdownInputField/AttachmentButton/index.js

@@ -46,7 +46,7 @@ var waitTime = (time) => {
   });
 };
 var upLoadFileToServer = (files, props) => __async(void 0, null, function* () {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
   const map = props.fileMap || /* @__PURE__ */ new Map();
   const hideLoading = message.loading(
     ((_a = props.locale) == null ? void 0 : _a.uploading) || "Uploading..."
@@ -98,24 +98,41 @@ var upLoadFileToServer = (files, props) => __async(void 0, null, function* () {
           continue;
         }
         try {
-          const url = (yield (_h = props == null ? void 0 : props.upload) == null ? void 0 : _h.call(props, file, index)) || file.previewUrl;
-          if (url) {
+          let url;
+          let isSuccess = false;
+          let errorMsg = null;
+          if (props.uploadWithResponse) {
+            const uploadResult = yield props.uploadWithResponse(file, index);
+            url = uploadResult.fileUrl;
+            isSuccess = uploadResult.uploadStatus === "SUCCESS";
+            errorMsg = uploadResult.errorMessage || null;
+            file.uploadResponse = uploadResult;
+          } else if (props.upload) {
+            url = yield props.upload(file, index);
+            isSuccess = !!url;
+          } else {
+            url = file.previewUrl;
+            isSuccess = !!url;
+          }
+          if (isSuccess && url) {
             file.status = "done";
             file.url = url;
             map.set(file.uuid || "", file);
-            (_i = props.onFileMapChange) == null ? void 0 : _i.call(props, map);
-            message.success(((_j = props.locale) == null ? void 0 : _j.uploadSuccess) || "Upload success");
+            (_h = props.onFileMapChange) == null ? void 0 : _h.call(props, map);
+            message.success(((_i = props.locale) == null ? void 0 : _i.uploadSuccess) || "Upload success");
           } else {
             file.status = "error";
             map.set(file.uuid || "", file);
-            (_k = props.onFileMapChange) == null ? void 0 : _k.call(props, map);
-            message.error(((_l = props.locale) == null ? void 0 : _l.uploadFailed) || "Upload failed");
+            (_j = props.onFileMapChange) == null ? void 0 : _j.call(props, map);
+            const failedMsg = errorMsg || ((_k = props.locale) == null ? void 0 : _k.uploadFailed) || "Upload failed";
+            message.error(failedMsg);
           }
         } catch (error2) {
           file.status = "error";
           map.set(file.uuid || "", file);
-          (_m = props.onFileMapChange) == null ? void 0 : _m.call(props, map);
-          message.error(((_n = props.locale) == null ? void 0 : _n.uploadFailed) || "Upload failed");
+          (_l = props.onFileMapChange) == null ? void 0 : _l.call(props, map);
+          const errorMessage = error2 instanceof Error ? error2.message : ((_m = props.locale) == null ? void 0 : _m.uploadFailed) || "Upload failed";
+          message.error(errorMessage);
         }
         index++;
       }
@@ -136,8 +153,8 @@ var upLoadFileToServer = (files, props) => __async(void 0, null, function* () {
         map.set(file.uuid || "", file);
       }
     });
-    message.error(((_o = props.locale) == null ? void 0 : _o.uploadFailed) || "Upload failed");
-    (_p = props.onFileMapChange) == null ? void 0 : _p.call(props, map);
+    message.error(((_n = props.locale) == null ? void 0 : _n.uploadFailed) || "Upload failed");
+    (_o = props.onFileMapChange) == null ? void 0 : _o.call(props, map);
   } finally {
     hideLoading();
   }

package/dist/MarkdownInputField/AttachmentButton/types.d.ts

@@ -1,6 +1,21 @@
+/**
+ * 上传响应对象类型
+ */
+export type UploadResponse = {
+    contentId?: string | null;
+    errorMessage?: string | null;
+    fileId: string;
+    fileName: string;
+    fileSize?: number | null;
+    fileType: string;
+    fileUrl: string;
+    uploadStatus: 'SUCCESS' | 'FAIL' | string;
+};
 export type AttachmentFile = File & {
     url?: string;
     status?: 'error' | 'uploading' | 'done';
     uuid?: string;
     previewUrl?: string;
+    /** 上传响应数据（使用 uploadWithResponse 时会填充此字段） */
+    uploadResponse?: UploadResponse;
 };