@ant-design/agentic-ui 2.0.14 → 2.0.16

package/dist/MarkdownEditor/editor/style.js

@@ -38,7 +38,7 @@ var blinkCaret = new Keyframes("blink-caret", {
 var genStyle = (token) => {
   return {
     // 拖拽手柄样式
-    ".ant-md-editor-drag-handle": {
+    ".ant-agentic-md-editor-drag-handle": {
       position: "absolute",
       display: "flex",
       userSelect: "none",
@@ -51,7 +51,7 @@ var genStyle = (token) => {
       top: "calc(3px + 0.75em - 14px)"
     },
     // 拖拽图标样式
-    ".ant-md-editor-drag-icon": {
+    ".ant-agentic-md-editor-drag-icon": {
       display: "flex",
       alignItems: "center",
       borderRadius: "18px",
@@ -64,7 +64,7 @@ var genStyle = (token) => {
       }
     },
     // 拖拽元素悬浮效果
-    ".ant-md-editor-drag-el:hover > .ant-md-editor-drag-handle": {
+    ".ant-agentic-md-editor-drag-el:hover > .ant-agentic-md-editor-drag-handle": {
       opacity: 1
     },
     // 可调整大小组件样式
@@ -114,7 +114,7 @@ var genStyle = (token) => {
       transitionDuration: "200ms"
     },
     // 隐藏样式
-    ".ant-md-editor-hidden": {
+    ".ant-agentic-md-editor-hidden": {
       display: "none"
     },
     // KaTeX容器样式
@@ -228,7 +228,7 @@ var genStyle = (token) => {
       "h1,h2,h3,h4,h5,h6": {
         position: "relative",
         textWrap: "balance",
-        ".ant-md-editor-drag-handle": {
+        ".ant-agentic-md-editor-drag-handle": {
           top: "calc(3px + 0.05em) !important"
         }
       },
@@ -453,7 +453,7 @@ var genStyle = (token) => {
         margin: "var(--margin-8x) 0"
       },
       // 打字机效果样式
-      ".ant-md-editor-content .typewriter:last-of-type > *:last-of-type span[data-slate-leaf]:last-of-type span[data-slate-string]": {
+      ".ant-agentic-md-editor-content .typewriter:last-of-type > *:last-of-type span[data-slate-leaf]:last-of-type span[data-slate-string]": {
         borderRight: "0.15em solid var(--color-primary-control-fill-primary)",
         animationName: `${typing.getName()}, ${blinkCaret.getName()}`,
         animationDuration: "3.5s, 0.5s",

package/dist/MarkdownEditor/editor/tools/DragHandle.js

@@ -33,7 +33,7 @@ var DragHandle = (props) => {
   return /* @__PURE__ */ React.createElement(Tooltip, { title: "拖拽移动" }, /* @__PURE__ */ React.createElement(
     "span",
     {
-      className: "ant-md-editor-drag-handle",
+      className: "ant-agentic-md-editor-drag-handle",
       "data-testid": "drag-handle",
       style: __spreadValues({}, props.style),
       contentEditable: false,
@@ -53,7 +53,7 @@ var DragHandle = (props) => {
         store.draggedElement = parent;
       }
     },
-    /* @__PURE__ */ React.createElement("div", { className: "ant-md-editor-drag-icon" }, /* @__PURE__ */ React.createElement(HolderOutlined, null))
+    /* @__PURE__ */ React.createElement("div", { className: "ant-agentic-md-editor-drag-icon" }, /* @__PURE__ */ React.createElement(HolderOutlined, null))
   ));
 };
 export {

package/dist/MarkdownEditor/editor/tools/ToolBar/ToolBar.js

@@ -23,7 +23,7 @@ import { BaseToolBar } from "./BaseBar";
 import { useStyle } from "./toolBarStyle";
 var ToolBar = (props) => {
   const context = useContext(ConfigProvider.ConfigContext);
-  const baseClassName = context == null ? void 0 : context.getPrefixCls(`md-editor-toolbar`);
+  const baseClassName = context == null ? void 0 : context.getPrefixCls(`agentic-md-editor-toolbar`);
   const { wrapSSR, hashId } = useStyle(baseClassName);
   return wrapSSR(
     /* @__PURE__ */ React.createElement(

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

@@ -105,7 +105,7 @@ var AttachmentFileListItem = ({
     e.stopPropagation();
     onDelete == null ? void 0 : onDelete();
   };
-  return /* @__PURE__ */ React.createElement(Tooltip, { title: "点击重试", open: isErrorStatus || void 0 }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Tooltip, { title: "点击重试", open: isErrorStatus ? void 0 : false }, /* @__PURE__ */ React.createElement(
     motion.div,
     {
       variants: ANIMATION_VARIANTS,

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

@@ -62,7 +62,7 @@ var AttachmentFileList = ({
   onClearFileMap
 }) => {
   const context = useContext(ConfigProvider.ConfigContext);
-  const prefix = context == null ? void 0 : context.getPrefixCls("md-editor-attachment-list");
+  const prefix = context == null ? void 0 : context.getPrefixCls("agentic-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()) || []);

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

@@ -66,7 +66,7 @@ var genStyle = (token) => {
         background: "var(--color-gray-bg-card-white)",
         boxShadow: "var(--shadow-control-base)",
         boxSizing: "border-box",
-        padding: "var(--padding-2x)",
+        padding: "var(--padding-1x)",
         display: "flex",
         flexDirection: "row",
         alignItems: "center",
@@ -116,22 +116,23 @@ var genStyle = (token) => {
           display: "flex",
           flexDirection: "column",
           justifyContent: "space-between",
-          gap: "var(--margin-0-5x)"
+          gap: "var(--margin-0-5x)",
+          flex: 1,
+          minWidth: 0
         },
         "&-file-name": {
           display: "flex",
-          width: "112px",
+          width: "100%",
           alignItems: "center",
           lineHeight: "var(--line-height-xs)",
           fontFamily: token.fontFamily,
-          gap: -1,
           "&-text": {
             font: "var(--font-text-body-emphasized-sm)",
             letterSpacing: "var(--letter-spacing-body-emphasized-sm, normal)",
             color: "var(--color-gray-text-default)",
-            maxWidth: "102px",
+            maxWidth: "112px",
+            width: "100%",
             whiteSpace: "nowrap",
-            width: "max-content",
             overflow: "hidden",
             display: "-webkit-box",
             "-webkit-line-clamp": "1",
@@ -171,9 +172,9 @@ var genStyle = (token) => {
           backgroundColor: "var(--color-gray-text-default)",
           fontSize: "var(--font-size-sm)",
           position: "absolute",
-          top: -6,
+          top: 2,
           borderRadius: "50%",
-          right: -6,
+          right: 2,
           color: "var(--color-gray-contrast)",
           display: "none",
           justifyContent: "center",

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

@@ -36,6 +36,8 @@ export type AttachmentButtonProps = {
     maxFileCount?: number;
     /** 最小文件数量 */
     minFileCount?: number;
+    /** 是否允许一次选择多个文件（默认：true） */
+    allowMultiple?: boolean;
 };
 /**
  * 文件上传配置

package/dist/MarkdownInputField/AttachmentButton/index.js

@@ -205,7 +205,7 @@ var ButtonContent = ({ title }) => {
 };
 var AttachmentButton = ({ disabled, uploadImage, title, supportedFormat, render }) => {
   const context = useContext(ConfigProvider.ConfigContext);
-  const prefix = context == null ? void 0 : context.getPrefixCls("md-editor-attachment-button");
+  const prefix = context == null ? void 0 : context.getPrefixCls("agentic-md-editor-attachment-button");
   const { wrapSSR, hashId } = useStyle(prefix);
   const format = supportedFormat || SupportedFileFormats.image;
   const content = /* @__PURE__ */ React.createElement(ButtonContent, { title });

package/dist/MarkdownInputField/AttachmentButton/style.js

@@ -69,7 +69,7 @@ var genStyle = (token) => {
               display: "flex",
               width: "112px",
               "&-text": {
-                maxWidth: "92px",
+                maxWidth: "98px",
                 overflow: "hidden",
                 textOverflow: "ellipsis",
                 WebkitLineClamp: 1,
@@ -92,9 +92,9 @@ var genStyle = (token) => {
             background: "#353E5C",
             fontSize: 12,
             position: "absolute",
-            top: -6,
+            top: 2,
             borderRadius: "50%",
-            right: -6,
+            right: 2,
             color: "#FFFFFF",
             display: "flex",
             justifyContent: "center",

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

@@ -1,12 +1,20 @@
 /**
  * 将KB转换为可读的文件大小格式
+ * 支持从字节（B）到TB的所有单位，最小单位为B
  *
  * @param {number} kb - 文件大小（KB）
  * @returns {string} 格式化后的文件大小字符串
  *
  * @example
+ * kbToSize(1073741824) // "1 TB"
+ * kbToSize(1048576) // "1 GB"
  * kbToSize(1024) // "1 MB"
  * kbToSize(512) // "512 KB"
+ * kbToSize(1) // "1 KB"
+ * kbToSize(0.5) // "512 B"
+ * kbToSize(0.1) // "102.4 B"
+ * kbToSize(0.0001) // "0.1 B"
+ * kbToSize(0) // "0 B"
  */
 export declare const kbToSize: (kb: number) => string;
 /**

package/dist/MarkdownInputField/AttachmentButton/utils.js

@@ -1,8 +1,15 @@
 // src/MarkdownInputField/AttachmentButton/utils.ts
 var kbToSize = (kb) => {
-  const sizes = ["KB", "MB", "GB", "TB"];
-  const i = Math.floor(Math.log(kb) / Math.log(1024));
-  return parseFloat((kb / Math.pow(1024, i)).toFixed(2)) + " " + sizes[i];
+  const sizes = ["B", "KB", "MB", "GB", "TB"];
+  const bytes = kb * 1024;
+  if (bytes <= 0) {
+    return "0 B";
+  }
+  if (bytes < 1024) {
+    return parseFloat(bytes.toFixed(2)) + " " + sizes[0];
+  }
+  const i = Math.floor(Math.log(bytes) / Math.log(1024));
+  return parseFloat((bytes / Math.pow(1024, i)).toFixed(2)) + " " + sizes[i];
 };
 var isImageFile = (file) => {
   return file.type.startsWith("image/");

package/dist/MarkdownInputField/BeforeToolContainer/BeforeToolContainer.js

@@ -100,7 +100,7 @@ var DraggablePopupItem = React.memo((props) => {
 DraggablePopupItem.displayName = "DraggablePopupItem";
 var ActionItemContainer = (props) => {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const basePrefixCls = getPrefixCls("agent-chat-action-item-box");
+  const basePrefixCls = getPrefixCls("agentic-chat-action-item-box");
   const { wrapSSR, hashId } = useStyle(basePrefixCls);
   const containerRef = useRef(null);
   const scrollRef = useRef(null);

package/dist/MarkdownInputField/Enlargement/index.js

@@ -1,38 +1,18 @@
 // src/MarkdownInputField/Enlargement/index.tsx
 import { ExpandAlt, FoldAlt } from "@sofa-design/icons";
-import { ConfigProvider } from "antd";
-import classNames from "classnames";
-import React, { useContext } from "react";
-import { useStyle } from "./style";
+import React from "react";
+import { ActionIconBox } from "../../Components/ActionIconBox";
 var Enlargement = ({
   isEnlarged = false,
   onEnlargeClick
 }) => {
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const baseCls = getPrefixCls("md-enlargement");
-  const { wrapSSR, hashId } = useStyle(baseCls);
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement("div", { className: classNames(baseCls, hashId) }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: classNames(`${baseCls}-icon`, hashId, {
-          enlarged: isEnlarged
-        }),
-        role: "button",
-        tabIndex: 0,
-        "aria-label": isEnlarged ? "缩小" : "放大",
-        "aria-pressed": !!isEnlarged,
-        onClick: onEnlargeClick,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            onEnlargeClick == null ? void 0 : onEnlargeClick();
-          }
-        },
-        title: isEnlarged ? "缩小" : "放大"
-      },
-      isEnlarged ? /* @__PURE__ */ React.createElement(FoldAlt, null) : /* @__PURE__ */ React.createElement(ExpandAlt, null)
-    ))
+  return /* @__PURE__ */ React.createElement(
+    ActionIconBox,
+    {
+      title: isEnlarged ? "缩小" : "放大",
+      onClick: onEnlargeClick
+    },
+    isEnlarged ? /* @__PURE__ */ React.createElement(FoldAlt, null) : /* @__PURE__ */ React.createElement(ExpandAlt, null)
   );
 };
 var Enlargement_default = Enlargement;

package/dist/MarkdownInputField/FileMapView/FileMapViewItem.js

@@ -1,10 +1,12 @@
 // src/MarkdownInputField/FileMapView/FileMapViewItem.tsx
-import { Download, EllipsisVertical, Eye } from "@sofa-design/icons";
+import { EllipsisOutlined } from "@ant-design/icons";
+import { Download, Eye } from "@sofa-design/icons";
 import { Tooltip } from "antd";
 import classNames from "classnames";
 import dayjs from "dayjs";
 import { motion } from "framer-motion";
 import React, { useContext, useMemo } from "react";
+import { ActionIconBox } from "../../Components/ActionIconBox";
 import { I18nContext } from "../../I18n";
 import { AttachmentFileIcon } from "../AttachmentButton/AttachmentFileList/AttachmentFileIcon";
 import { kbToSize } from "../AttachmentButton/utils";
@@ -141,9 +143,12 @@ var FileMapViewItem = (props) => {
             )
           },
           props.customSlot ? /* @__PURE__ */ React.createElement(
-            "div",
+            ActionIconBox,
             {
-              onClick: (e) => e.stopPropagation(),
+              title: "更多",
+              onClick: (e) => {
+                e.stopPropagation();
+              },
               className: classNames(
                 `${props.prefixCls}-action-btn`,
                 props.hashId
@@ -151,8 +156,9 @@ var FileMapViewItem = (props) => {
             },
             typeof props.customSlot === "function" ? props.customSlot(file) : props.customSlot
           ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-            "div",
+            ActionIconBox,
             {
+              title: (locale == null ? void 0 : locale.preview) || "预览",
               onClick: (e) => {
                 var _a;
                 e.stopPropagation();
@@ -165,8 +171,9 @@ var FileMapViewItem = (props) => {
             },
             /* @__PURE__ */ React.createElement(Eye, { color: "var(--color-gray-text-secondary)" })
           ), /* @__PURE__ */ React.createElement(
-            "div",
+            ActionIconBox,
             {
+              title: (locale == null ? void 0 : locale.download) || "下载",
               onClick: (e) => {
                 var _a;
                 e.stopPropagation();
@@ -178,38 +185,34 @@ var FileMapViewItem = (props) => {
               )
             },
             /* @__PURE__ */ React.createElement(Download, { color: "var(--color-gray-text-secondary)" })
-          ), props.renderMoreAction ? /* @__PURE__ */ React.createElement(
-            "div",
+          ), props.renderMoreAction ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+            ActionIconBox,
             {
+              title: "更多操作",
               onClick: (e) => {
                 e.stopPropagation();
               },
-              onKeyDown: (e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                  e.preventDefault();
-                  e.stopPropagation();
-                }
-              },
-              role: "button",
-              tabIndex: 0,
-              "aria-label": "更多操作",
               className: classNames(
                 `${props.prefixCls}-action-btn`,
                 props.hashId
               )
             },
-            /* @__PURE__ */ React.createElement(EllipsisVertical, { color: "var(--color-gray-text-secondary)" }),
-            props.renderMoreAction ? /* @__PURE__ */ React.createElement(
-              "div",
+            /* @__PURE__ */ React.createElement(
+              EllipsisOutlined,
               {
-                className: classNames(
-                  `${props.prefixCls}-more-custom`,
-                  props.hashId
-                )
-              },
-              props.renderMoreAction(file)
-            ) : null
-          ) : null)
+                style: { color: "var(--color-gray-text-secondary)" }
+              }
+            )
+          ), props.renderMoreAction ? /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              className: classNames(
+                `${props.prefixCls}-more-custom`,
+                props.hashId
+              )
+            },
+            props.renderMoreAction(file)
+          ) : null) : null)
         ) : null
       )
     );

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

@@ -7,7 +7,7 @@ export type FileMapViewProps = {
     onPreview?: (file: AttachmentFile) => void;
     /** 下载文件回调 */
     onDownload?: (file: AttachmentFile) => void;
-    /** 点击“查看所有文件”回调，携带当前所有文件列表 */
+    /** 点击"查看所有文件"回调，携带当前所有文件列表 */
     onViewAll?: (files: AttachmentFile[]) => void;
     /** 自定义更多操作 DOM（优先于 onMore，传入则展示该 DOM，不传则不展示更多按钮） */
     renderMoreAction?: (file: AttachmentFile) => React.ReactNode;
@@ -17,11 +17,11 @@ export type FileMapViewProps = {
     style?: React.CSSProperties;
     /** 自定义根容器类名 */
     className?: string;
-    /** 最多展示的文件数量，默认展示 3 个 */
+    /** 最多展示的非图片文件数量，传入则开启溢出控制并在超出时显示"查看所有文件"按钮，不传则使用默认值3 */
     maxDisplayCount?: number;
-    placement?: 'left' | 'right';
-    /** 是否展示“查看此任务中的所有文件”按钮（默认展示） */
+    /** 是否显示"查看全部"按钮，当为 false 时忽略 maxDisplayCount 限制，显示所有文件 */
     showMoreButton?: boolean;
+    placement?: 'left' | 'right';
 };
 /**
  * FileMapView 组件 - 文件映射视图组件

package/dist/MarkdownInputField/FileMapView/index.js

@@ -9,11 +9,11 @@ import { FileMapViewItem } from "./FileMapViewItem";
 import { useStyle } from "./style";
 var FileMapView = (props) => {
   var _a, _b;
-  const { placement = "left" } = props;
+  const { placement = "left", showMoreButton = true } = props;
   const context = useContext(ConfigProvider.ConfigContext);
-  const prefix = context == null ? void 0 : context.getPrefixCls("md-editor-file-view-list");
+  const prefix = context == null ? void 0 : context.getPrefixCls("agentic-md-editor-file-view-list");
   const { wrapSSR, hashId } = useStyle(prefix);
-  const maxCount = (_a = props.maxDisplayCount) != null ? _a : 3;
+  const maxDisplayCount = (_a = props.maxDisplayCount) != null ? _a : 3;
   const fileList = useMemo(() => {
     var _a2;
     if (!props.fileMap) {
@@ -21,18 +21,25 @@ var FileMapView = (props) => {
     }
     return Array.from(((_a2 = props.fileMap) == null ? void 0 : _a2.values()) || []);
   }, [props.fileMap]);
-  const limitedFiles = useMemo(() => {
-    if (props.showMoreButton === false) {
-      return fileList;
-    }
-    return fileList.slice(0, Math.max(0, maxCount));
-  }, [fileList, maxCount, props.showMoreButton]);
-  const imgList = useMemo(() => {
-    return limitedFiles.filter((file) => isImageFile(file));
+  const allImgFiles = useMemo(() => {
+    return fileList.filter((file) => isImageFile(file));
   }, [fileList]);
-  const noImageFileList = useMemo(() => {
-    return limitedFiles.filter((file) => !isImageFile(file));
+  const allNoImageFiles = useMemo(() => {
+    return fileList.filter((file) => !isImageFile(file));
   }, [fileList]);
+  const imgList = useMemo(() => {
+    if (!showMoreButton) {
+      return allImgFiles;
+    }
+    return allImgFiles.slice(0, Math.max(0, maxDisplayCount));
+  }, [allImgFiles, maxDisplayCount, showMoreButton]);
+  const noImageFileList = useMemo(() => {
+    if (!showMoreButton) {
+      return allNoImageFiles;
+    }
+    const remainingCount = Math.max(0, maxDisplayCount - imgList.length);
+    return allNoImageFiles.slice(0, remainingCount);
+  }, [allNoImageFiles, maxDisplayCount, imgList.length, showMoreButton]);
   return wrapSSR(
     /* @__PURE__ */ React.createElement(
       "div",
@@ -41,7 +48,10 @@ var FileMapView = (props) => {
           display: "flex",
           flexDirection: "column",
           gap: 4,
-          alignItems: placement === "left" ? "flex-start" : "flex-end"
+          maxWidth: "100%",
+          minWidth: 0,
+          alignItems: placement === "left" ? "flex-start" : "flex-end",
+          width: "max-content"
         }
       },
       /* @__PURE__ */ React.createElement(
@@ -152,7 +162,7 @@ var FileMapView = (props) => {
             }
           );
         }),
-        props.showMoreButton !== false && fileList.length > maxCount ? /* @__PURE__ */ React.createElement(
+        showMoreButton && maxDisplayCount !== void 0 && fileList.length > maxDisplayCount ? /* @__PURE__ */ React.createElement(
           "div",
           {
             style: { width: (_b = props.style) == null ? void 0 : _b.width },

package/dist/MarkdownInputField/FileUploadManager/index.js

@@ -61,7 +61,7 @@ var useFileUploadManager = ({
     }
   );
   const uploadImage = useRefFunction(() => __async(void 0, null, function* () {
-    var _a;
+    var _a, _b;
     let isUploading = false;
     for (const file of (fileMap == null ? void 0 : fileMap.values()) || []) {
       if (file.status === "uploading") {
@@ -76,7 +76,7 @@ var useFileUploadManager = ({
     input.id = "uploadImage_" + Math.random();
     input.type = "file";
     input.accept = ((_a = supportedFormat == null ? void 0 : supportedFormat.extensions) == null ? void 0 : _a.join(",")) || "image/*";
-    input.multiple = false;
+    input.multiple = (_b = attachment == null ? void 0 : attachment.allowMultiple) != null ? _b : true;
     input.style.display = "none";
     input.onchange = (e) => __async(void 0, null, function* () {
       if (input.dataset.readonly) {

package/dist/MarkdownInputField/MarkdownInputField.d.ts

@@ -209,29 +209,19 @@ export type MarkdownInputFieldProps = {
         onRefine: (input: string) => Promise<string>;
     };
     /**
-     * 是否支持编辑器放大功能
-     * @description 启用后在编辑器右上角显示放大/全屏按钮，支持展开编辑器或优化文本显示
-     * @default false
-     * @example
-     * ```tsx
-     * <MarkdownInputField
-     *   enlargeable={true}  // 支持放大功能
-     * />
-     * ```
-     */
-    enlargeable?: boolean;
-    /**
-     * 目标容器的 ref，用于放大功能
-     * @description 当点击放大按钮时，输入框将撑满到此容器高度，距离顶部48px
+     * 放大功能配置
+     * @description 仅保留对象形态：{ enable: boolean }
+     * @default { enable: false }
      * @example
      * ```tsx
-     * const containerRef = useRef<HTMLDivElement>(null);
-     * <MarkdownInputField
-     *   enlargeTargetRef={containerRef}
-     * />
+     * <MarkdownInputField enlargeable={{ enable: true }} />
      * ```
      */
-    enlargeTargetRef?: React.RefObject<HTMLElement>;
+    enlargeable?: {
+        enable?: boolean;
+        /** 放大状态下的目标高度（px），默认 980 */
+        height?: number;
+    };
     /**
      * Markdown 编辑器实例的引用
      * @description 用于获取编辑器实例，可以通过该实例调用编辑器的方法