@ant-design/agentic-ui 2.0.15 → 2.0.17

package/dist/History/index.js

@@ -22,6 +22,7 @@ var __async = (__this, __arguments, generator) => {
 // src/History/index.tsx
 import { History as HistoryIcon } from "@sofa-design/icons";
 import { ConfigProvider, Popover } from "antd";
+import classNames from "classnames";
 import React, { useContext, useRef } from "react";
 import useClickAway from "../Hooks/useClickAway";
 import { ActionIconBox, BubbleConfigContext } from "../index";
@@ -125,7 +126,9 @@ var History = (props) => {
           {
             onLoadMore: handleLoadMore,
             type: props.type,
-            className: `${menuPrefixCls}-load-more  ${props.type === "task" ? "" : "chat"} ${hashId}`
+            className: classNames(`${menuPrefixCls}-load-more`, hashId, {
+              chat: props.type !== "task"
+            })
           }
         ))
       )
@@ -160,7 +163,9 @@ var History = (props) => {
         {
           onLoadMore: handleLoadMore,
           type: props.type,
-          className: `${menuPrefixCls}-load-more ${hashId} ${props.type === "task" ? "" : "chat"}`
+          className: classNames(`${menuPrefixCls}-load-more`, hashId, {
+            chat: props.type !== "task"
+          })
         }
       ))
     },

package/dist/MarkdownEditor/editor/elements/TagPopup/index.js

@@ -123,7 +123,8 @@ var createDefaultDom = (domRef, baseCls, hashId, loading, selectedItems, childre
       }),
       onMouseEnter: () => handleMouseEnter(domRef),
       onMouseLeave: () => handleMouseLeave(domRef),
-      title: placeholder
+      title: placeholder,
+      contentEditable: !hasItems
     },
     children,
     hasItems && /* @__PURE__ */ React.createElement(
@@ -143,7 +144,7 @@ var getRenderDom = (tagRender, props, defaultDom, onSelect, currentNodePath) =>
     __spreadProps(__spreadValues({}, props), {
       text: props.text,
       onSelect: (value, tagNode) => {
-        onSelect == null ? void 0 : onSelect(value, currentNodePath.current || [], tagNode);
+        onSelect == null ? void 0 : onSelect((value == null ? void 0 : value.trim()) || "", currentNodePath.current || [], tagNode);
       }
     }),
     defaultDom
@@ -159,7 +160,7 @@ var handlePanelClick = (suggestionConnext, props, onSelect, currentNodePath) =>
   if (suggestionConnext == null ? void 0 : suggestionConnext.onSelectRef) {
     suggestionConnext.onSelectRef.current = (newValue) => {
       var _a2;
-      onSelect == null ? void 0 : onSelect(newValue, currentNodePath.current || []);
+      onSelect == null ? void 0 : onSelect((newValue == null ? void 0 : newValue.trim()) || "", currentNodePath.current || []);
       (_a2 = suggestionConnext == null ? void 0 : suggestionConnext.setOpen) == null ? void 0 : _a2.call(suggestionConnext, false);
     };
   }
@@ -190,7 +191,9 @@ var TagPopup = (props) => {
   const domRef = useRef(null);
   const suggestionConnext = useContext(SuggestionConnext);
   const antdContext = useContext(ConfigProvider.ConfigContext);
-  const baseCls = antdContext == null ? void 0 : antdContext.getPrefixCls("agentic-md-editor-tag-popup-input");
+  const baseCls = antdContext == null ? void 0 : antdContext.getPrefixCls(
+    "agentic-md-editor-tag-popup-input"
+  );
   const { wrapSSR, hashId } = useStyle(baseCls);
   const currentNodePath = useRef();
   useEffect(() => {
@@ -220,7 +223,7 @@ var TagPopup = (props) => {
     (_a = props.onChange) == null ? void 0 : _a.call(props, props.text || "", __spreadProps(__spreadValues({}, props), {
       text: props.text,
       onSelect: (value) => {
-        onSelect == null ? void 0 : onSelect(value, currentNodePath.current || []);
+        onSelect == null ? void 0 : onSelect((value == null ? void 0 : value.trim()) || "", currentNodePath.current || []);
       }
     }));
   }, [props.text, suggestionConnext.open]);
@@ -280,9 +283,9 @@ var TagPopup = (props) => {
           menu: {
             items: selectedItems,
             onClick: (e) => {
-              var _a;
-              onSelect == null ? void 0 : onSelect(e.key, currentNodePath.current || []);
-              (_a = suggestionConnext == null ? void 0 : suggestionConnext.setOpen) == null ? void 0 : _a.call(suggestionConnext, false);
+              var _a, _b;
+              onSelect == null ? void 0 : onSelect(((_a = e.key) == null ? void 0 : _a.trim()) || "", currentNodePath.current || []);
+              (_b = suggestionConnext == null ? void 0 : suggestionConnext.setOpen) == null ? void 0 : _b.call(suggestionConnext, false);
             }
           }
         },

package/dist/MarkdownEditor/editor/parser/parserMarkdownToSlateNode.js

@@ -148,7 +148,7 @@ var findImageElement = (str) => {
       const muted = str.match(/muted/);
       const poster = str.match(/poster="([^"\n]+)"/);
       return {
-        url: decodeURIComponent(videoWithSourceMatch[1]),
+        url: videoWithSourceMatch[1],
         height: height ? +height[1] : void 0,
         width: width ? +width[1] : void 0,
         align: align == null ? void 0 : align[1],
@@ -522,17 +522,21 @@ var processInlineHtml = (currentElement, htmlTag) => {
       } else if (mediaElement.tagName === "iframe") {
         mediaType = "iframe";
       }
-      return EditorUtils.createMediaNode(mediaElement == null ? void 0 : mediaElement.url, mediaType, {
-        align: mediaElement.align,
-        alt: mediaElement.alt,
-        height: mediaElement == null ? void 0 : mediaElement.height,
-        width: mediaElement == null ? void 0 : mediaElement.width,
-        controls: mediaElement == null ? void 0 : mediaElement.controls,
-        autoplay: mediaElement == null ? void 0 : mediaElement.autoplay,
-        loop: mediaElement == null ? void 0 : mediaElement.loop,
-        muted: mediaElement == null ? void 0 : mediaElement.muted,
-        poster: mediaElement == null ? void 0 : mediaElement.poster
-      });
+      return EditorUtils.createMediaNode(
+        decodeURIComponentUrl((mediaElement == null ? void 0 : mediaElement.url) || ""),
+        mediaType,
+        {
+          align: mediaElement.align,
+          alt: mediaElement.alt,
+          height: mediaElement == null ? void 0 : mediaElement.height,
+          width: mediaElement == null ? void 0 : mediaElement.width,
+          controls: mediaElement == null ? void 0 : mediaElement.controls,
+          autoplay: mediaElement == null ? void 0 : mediaElement.autoplay,
+          loop: mediaElement == null ? void 0 : mediaElement.loop,
+          muted: mediaElement == null ? void 0 : mediaElement.muted,
+          poster: mediaElement == null ? void 0 : mediaElement.poster
+        }
+      );
     } else {
       return { text: currentElement.value };
     }

package/dist/MarkdownEditor/editor/utils/dom.d.ts

@@ -25,7 +25,7 @@ export declare const slugify: (str: string) => string;
  * @param name - The name of the file.
  * @returns The media type of the file.
  */
-export declare const getMediaType: (name?: string, alt?: string) => "document" | "image" | "audio" | "video" | "markdown" | "other" | "attachment";
+export declare const getMediaType: (name?: string, alt?: string) => "document" | "image" | "other" | "audio" | "video" | "markdown" | "attachment";
 /**
  * Retrieves the bounding rectangle of the current selection.
  * @returns The bounding rectangle of the selection, or null if no selection exists.

package/dist/MarkdownEditor/editor/utils/index.d.ts

@@ -13,7 +13,7 @@ type ModalEvent<K extends keyof HookAPI> = {
     type: K;
     params: Parameters<HookAPI[K]>[0];
 };
-export declare const modal$: Subject<ModalEvent<"info" | "error" | "warning" | "confirm" | "success">>;
+export declare const modal$: Subject<ModalEvent<"warning" | "info" | "error" | "success" | "confirm">>;
 export declare const encodeHtml: (str: string) => string;
 export { isMarkdown } from './isMarkdown';
 export declare function debounce(func: {

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/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/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/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("agentic-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("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",
@@ -155,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 用于获取编辑器实例，可以通过该实例调用编辑器的方法