@ant-design/agentic-ui 2.0.18 → 2.0.21

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

@@ -124,7 +124,7 @@ var createDefaultDom = (domRef, baseCls, hashId, loading, selectedItems, childre
       onMouseEnter: () => handleMouseEnter(domRef),
       onMouseLeave: () => handleMouseLeave(domRef),
       title: placeholder,
-      contentEditable: !hasItems
+      contentEditable: !hasItems ? void 0 : false
     },
     children,
     hasItems && /* @__PURE__ */ React.createElement(

package/dist/MarkdownEditor/editor/plugins/withMarkdown.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/MarkdownEditor/editor/plugins/withMarkdown.ts
 import { Editor, Node, Path, Range, Transforms } from "slate";
 import { ReactEditor } from "slate-react";
@@ -206,6 +226,17 @@ var handleCodeTagOperation = (editor, operation, apply) => {
         });
         return true;
       }
+      if (currentNode.text === operation.text) {
+        Editor.withoutNormalizing(editor, () => {
+          Transforms.removeNodes(editor, { at: operation.path });
+          Transforms.insertNodes(
+            editor,
+            __spreadProps(__spreadValues({}, currentNode), { tag: true, code: true, text: " " }),
+            { at: operation.path, select: true }
+          );
+        });
+        return true;
+      }
       apply(operation);
       return true;
     }
@@ -219,6 +250,17 @@ var handleCodeTagOperation = (editor, operation, apply) => {
         return true;
       }
     }
+    if ((currentNode == null ? void 0 : currentNode.tag) && operation.text.trim().length > 0 && currentNode.text.trim().length === 0) {
+      Editor.withoutNormalizing(editor, () => {
+        Transforms.removeNodes(editor, { at: operation.path });
+        Transforms.insertNodes(
+          editor,
+          __spreadProps(__spreadValues({}, currentNode), { tag: true, code: true, text: operation.text }),
+          { at: operation.path, select: true }
+        );
+      });
+      return true;
+    }
   }
   if (operation.type === "split_node") {
     const node = Node.get(editor, operation.path);

package/dist/MarkdownInputField/AttachmentButton/AttachmentButtonPopover.js

@@ -1,23 +1,3 @@
-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/AttachmentButtonPopover.tsx
 import {
   AudioOutlined,
@@ -38,13 +18,6 @@ var CONTENT_STYLE = {
   lineHeight: "1.5em",
   maxWidth: 275
 };
-var TOOLTIP_CONFIG = {
-  arrow: false,
-  mouseEnterDelay: 0.3,
-  mouseLeaveDelay: 0.1,
-  trigger: "hover",
-  placement: "topRight"
-};
 var SupportedFileFormats = {
   image: {
     icon: /* @__PURE__ */ React.createElement(FileImageOutlined, null),
@@ -98,14 +71,15 @@ var AttachmentSupportedFormatsContent = ({ supportedFormat }) => {
   return /* @__PURE__ */ React.createElement(FormatContent, { format });
 };
 var AttachmentButtonPopover = ({ children, supportedFormat }) => {
-  if (!supportedFormat)
-    return null;
   return /* @__PURE__ */ React.createElement(
     Tooltip,
-    __spreadProps(__spreadValues({}, TOOLTIP_CONFIG), {
+    {
+      arrow: false,
+      mouseEnterDelay: 2,
+      trigger: ["hover", "click"],
       title: /* @__PURE__ */ React.createElement(AttachmentSupportedFormatsContent, { supportedFormat })
-    }),
-    children
+    },
+    /* @__PURE__ */ React.createElement("span", null, children)
   );
 };
 var AttachmentButtonPopover_default = AttachmentButtonPopover;

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

@@ -90,7 +90,7 @@ var genStyle = (token) => {
             background: "var(--color-gray-bg-card-white)",
             boxSizing: "border-box",
             boxShadow: "var(--shadow-control-base)",
-            borderRadius: "var(--radius-card-base)",
+            borderRadius: "var(--radius-base)",
             border: "none",
             overflow: "hidden",
             img: {

package/dist/MarkdownInputField/AttachmentButton/index.js

@@ -200,7 +200,7 @@ var BUTTON_TITLE_STYLE = {
 };
 var ButtonContent = ({ title }) => {
   if (!title)
-    return /* @__PURE__ */ React.createElement(Paperclip, null);
+    return /* @__PURE__ */ React.createElement("div", { style: BUTTON_WITH_TITLE_STYLE }, /* @__PURE__ */ React.createElement(Paperclip, null));
   return /* @__PURE__ */ React.createElement("div", { style: BUTTON_WITH_TITLE_STYLE }, /* @__PURE__ */ React.createElement(Paperclip, null), /* @__PURE__ */ React.createElement("div", { style: BUTTON_TITLE_STYLE }, title));
 };
 var AttachmentButton = ({ disabled, uploadImage, title, supportedFormat, render }) => {
@@ -208,13 +208,15 @@ var AttachmentButton = ({ disabled, uploadImage, title, supportedFormat, render
   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 });
   const handleClick = () => {
     if (disabled)
       return;
     uploadImage == null ? void 0 : uploadImage();
   };
-  const wrapper = render ? render({ children: content, supportedFormat: format }) : /* @__PURE__ */ React.createElement(AttachmentButtonPopover, { supportedFormat: format }, content);
+  const wrapper = render ? render({
+    children: /* @__PURE__ */ React.createElement(ButtonContent, { title }),
+    supportedFormat: format
+  }) : /* @__PURE__ */ React.createElement(AttachmentButtonPopover, { supportedFormat: format }, /* @__PURE__ */ React.createElement(ButtonContent, { title }));
   return wrapSSR(
     /* @__PURE__ */ React.createElement(
       "div",

package/dist/MarkdownInputField/BeforeToolContainer/BeforeToolContainer.js

@@ -372,7 +372,7 @@ var ActionItemContainer = (props) => {
               trigger: "click",
               placement: "topRight",
               arrow: false,
-              overlayInnerStyle: POPOVER_OVERLAY_STYLE,
+              styles: { body: POPOVER_OVERLAY_STYLE },
               overlayClassName: classNames(
                 `${basePrefixCls}-overflow-popover`,
                 hashId

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

@@ -38,8 +38,8 @@ import { AttachmentFile } from '../AttachmentButton/types';
  */
 export declare const FileMapViewItem: React.FC<{
     file: AttachmentFile;
-    onPreview: () => void;
-    onDownload: () => void;
+    onPreview?: () => void;
+    onDownload?: () => void;
     renderMoreAction?: (file: AttachmentFile) => React.ReactNode;
     customSlot?: React.ReactNode | ((file: AttachmentFile) => React.ReactNode);
     className?: string;

package/dist/MarkdownInputField/FileMapView/FileMapViewItem.js

@@ -1,209 +1,223 @@
 // src/MarkdownInputField/FileMapView/FileMapViewItem.tsx
-import { EllipsisOutlined } from "@ant-design/icons";
-import { Download, Eye } from "@sofa-design/icons";
+import { Download, EllipsisVertical, 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 React, { useContext } from "react";
 import { ActionIconBox } from "../../Components/ActionIconBox";
 import { I18nContext } from "../../I18n";
 import { AttachmentFileIcon } from "../AttachmentButton/AttachmentFileList/AttachmentFileIcon";
 import { kbToSize } from "../AttachmentButton/utils";
 var FileMapViewItem = (props) => {
+  var _a;
   const file = props.file;
   const { locale } = useContext(I18nContext);
   const [hovered, setHovered] = React.useState(false);
-  return useMemo(() => {
-    return /* @__PURE__ */ React.createElement(
-      Tooltip,
+  const handleMouseEnter = () => setHovered(true);
+  const handleMouseLeave = () => setHovered(false);
+  const fileName = (_a = file == null ? void 0 : file.name) != null ? _a : "";
+  const lastDotIndex = fileName.lastIndexOf(".");
+  const displayName = lastDotIndex > 0 ? fileName.slice(0, lastDotIndex) : fileName;
+  const displayExtension = lastDotIndex > 0 && lastDotIndex < fileName.length - 1 ? fileName.slice(lastDotIndex + 1) : "";
+  return /* @__PURE__ */ React.createElement(
+    Tooltip,
+    {
+      title: /* @__PURE__ */ React.createElement("div", null, locale == null ? void 0 : locale.clickToPreview),
+      placement: "topLeft",
+      arrow: false
+    },
+    /* @__PURE__ */ React.createElement(
+      motion.div,
       {
-        title: /* @__PURE__ */ React.createElement("div", null, locale == null ? void 0 : locale.clickToPreview),
-        placement: "topLeft",
-        arrow: false
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onClick: () => {
+          var _a2;
+          if (file.status === "error")
+            return;
+          if (props.onPreview) {
+            (_a2 = props.onPreview) == null ? void 0 : _a2.call(props);
+          } else {
+            if (typeof window === "undefined")
+              return;
+            window.open(file.previewUrl || file.url, "_blank");
+          }
+        },
+        variants: {
+          hidden: { x: 20, opacity: 0 },
+          visible: { x: 0, opacity: 1 },
+          exit: { x: -20, opacity: 0 }
+        },
+        exit: { opacity: 0, x: -20 },
+        className: props.className,
+        "data-testid": "file-item"
       },
       /* @__PURE__ */ React.createElement(
-        motion.div,
+        "div",
         {
-          onMouseEnter: () => setHovered(true),
-          onMouseLeave: () => setHovered(false),
-          onClick: () => {
-            var _a;
-            if (file.status === "error")
-              return;
-            (_a = props.onPreview) == null ? void 0 : _a.call(props);
-          },
-          variants: {
-            hidden: { x: 20, opacity: 0 },
-            visible: { x: 0, opacity: 1 },
-            exit: { x: -20, opacity: 0 }
-          },
-          exit: { opacity: 0, x: -20 },
-          className: props.className,
-          "data-testid": "file-item"
+          className: classNames(`${props.prefixCls}-file-icon`, props.hashId)
         },
         /* @__PURE__ */ React.createElement(
-          "div",
+          AttachmentFileIcon,
           {
-            className: classNames(`${props.prefixCls}-file-icon`, props.hashId)
-          },
-          /* @__PURE__ */ React.createElement(
-            AttachmentFileIcon,
-            {
-              file,
-              className: classNames(
-                `${props.prefixCls}-file-icon-img`,
-                props.hashId
-              )
-            }
-          )
-        ),
+            file,
+            className: classNames(
+              `${props.prefixCls}-file-icon-img`,
+              props.hashId
+            )
+          }
+        )
+      ),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: classNames(`${props.prefixCls}-file-info`, props.hashId)
+        },
         /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: classNames(`${props.prefixCls}-file-info`, props.hashId)
+            className: classNames(`${props.prefixCls}-file-name`, props.hashId)
           },
           /* @__PURE__ */ React.createElement(
-            "div",
+            "span",
             {
               className: classNames(
-                `${props.prefixCls}-file-name`,
+                `${props.prefixCls}-file-name-text`,
                 props.hashId
-              )
+              ),
+              title: file == null ? void 0 : file.name
             },
-            /* @__PURE__ */ React.createElement(
-              "span",
-              {
-                className: classNames(
-                  `${props.prefixCls}-file-name-text`,
-                  props.hashId
-                ),
-                title: file == null ? void 0 : file.name
-              },
-              file == null ? void 0 : file.name.split(".").slice(0, -1).join(".")
-            )
-          ),
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: classNames(
-                `${props.prefixCls}-file-name-extension-container`,
-                props.hashId
-              )
-            },
-            /* @__PURE__ */ React.createElement(
-              "span",
-              {
-                className: classNames(
-                  `${props.prefixCls}-file-name-extension`,
-                  props.hashId
-                )
-              },
-              file == null ? void 0 : file.name.split(".").slice(-1)
-            ),
-            /* @__PURE__ */ React.createElement(
-              "span",
-              {
-                className: classNames(
-                  `${props.prefixCls}-separator`,
-                  props.hashId
-                )
-              },
-              "|"
-            ),
-            /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                className: classNames(
-                  `${props.prefixCls}-file-size`,
-                  props.hashId
-                )
-              },
-              kbToSize(file.size / 1024)
-            ),
-            /* @__PURE__ */ React.createElement(
-              "span",
-              {
-                className: classNames(
-                  `${props.prefixCls}-separator`,
-                  props.hashId
-                )
-              },
-              "|"
-            ),
-            /* @__PURE__ */ React.createElement("div", null, (file == null ? void 0 : file.lastModified) ? dayjs(file == null ? void 0 : file.lastModified).format("HH:mm") : "")
+            displayName
           )
         ),
-        hovered ? /* @__PURE__ */ React.createElement(
+        /* @__PURE__ */ React.createElement(
           "div",
           {
             className: classNames(
-              `${props.prefixCls}-action-bar`,
+              `${props.prefixCls}-file-name-extension-container`,
               props.hashId
             )
           },
-          props.customSlot ? /* @__PURE__ */ React.createElement(
-            ActionIconBox,
+          /* @__PURE__ */ React.createElement(
+            "span",
             {
-              title: "更多",
-              onClick: (e) => {
-                e.stopPropagation();
-              },
               className: classNames(
-                `${props.prefixCls}-action-btn`,
+                `${props.prefixCls}-file-name-extension`,
                 props.hashId
               )
             },
-            typeof props.customSlot === "function" ? props.customSlot(file) : props.customSlot
-          ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-            ActionIconBox,
+            displayExtension
+          ),
+          /* @__PURE__ */ React.createElement(
+            "span",
             {
-              title: (locale == null ? void 0 : locale.preview) || "预览",
-              onClick: (e) => {
-                var _a;
-                e.stopPropagation();
-                (_a = props.onPreview) == null ? void 0 : _a.call(props);
-              },
               className: classNames(
-                `${props.prefixCls}-action-btn`,
+                `${props.prefixCls}-separator`,
                 props.hashId
               )
             },
-            /* @__PURE__ */ React.createElement(Eye, { color: "var(--color-gray-text-secondary)" })
-          ), /* @__PURE__ */ React.createElement(
-            ActionIconBox,
+            "|"
+          ),
+          /* @__PURE__ */ React.createElement(
+            "div",
             {
-              title: (locale == null ? void 0 : locale.download) || "下载",
-              onClick: (e) => {
-                var _a;
-                e.stopPropagation();
-                (_a = props.onDownload) == null ? void 0 : _a.call(props);
-              },
               className: classNames(
-                `${props.prefixCls}-action-btn`,
+                `${props.prefixCls}-file-size`,
                 props.hashId
               )
             },
-            /* @__PURE__ */ React.createElement(Download, { color: "var(--color-gray-text-secondary)" })
-          ), props.renderMoreAction ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-            ActionIconBox,
+            kbToSize(file.size / 1024)
+          ),
+          /* @__PURE__ */ React.createElement(
+            "span",
             {
-              title: "更多操作",
-              onClick: (e) => {
-                e.stopPropagation();
-              },
               className: classNames(
-                `${props.prefixCls}-action-btn`,
+                `${props.prefixCls}-separator`,
                 props.hashId
               )
             },
-            /* @__PURE__ */ React.createElement(
-              EllipsisOutlined,
-              {
-                style: { color: "var(--color-gray-text-secondary)" }
+            "|"
+          ),
+          /* @__PURE__ */ React.createElement("div", null, (file == null ? void 0 : file.lastModified) ? dayjs(file == null ? void 0 : file.lastModified).format("HH:mm") : "")
+        )
+      ),
+      hovered ? /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: classNames(
+            `${props.prefixCls}-action-bar`,
+            props.hashId
+          )
+        },
+        props.customSlot ? /* @__PURE__ */ React.createElement(
+          ActionIconBox,
+          {
+            title: "更多",
+            onClick: (e) => {
+              e.stopPropagation();
+            },
+            className: classNames(
+              `${props.prefixCls}-action-btn`,
+              props.hashId
+            )
+          },
+          typeof props.customSlot === "function" ? props.customSlot(file) : props.customSlot
+        ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+          ActionIconBox,
+          {
+            title: (locale == null ? void 0 : locale.preview) || "预览",
+            onClick: (e) => {
+              var _a2;
+              e.stopPropagation();
+              if (props.onPreview) {
+                (_a2 = props.onPreview) == null ? void 0 : _a2.call(props);
+              } else {
+                if (typeof window === "undefined")
+                  return;
+                window.open(file.previewUrl || file.url, "_blank");
               }
+            },
+            className: classNames(
+              `${props.prefixCls}-action-btn`,
+              props.hashId
             )
-          ), props.renderMoreAction ? /* @__PURE__ */ React.createElement(
+          },
+          /* @__PURE__ */ React.createElement(Eye, { color: "var(--color-gray-text-secondary)" })
+        ), props.onDownload && /* @__PURE__ */ React.createElement(
+          ActionIconBox,
+          {
+            title: (locale == null ? void 0 : locale.download) || "下载",
+            onClick: (e) => {
+              var _a2;
+              e.stopPropagation();
+              (_a2 = props.onDownload) == null ? void 0 : _a2.call(props);
+            },
+            className: classNames(
+              `${props.prefixCls}-action-btn`,
+              props.hashId
+            )
+          },
+          /* @__PURE__ */ React.createElement(Download, { color: "var(--color-gray-text-secondary)" })
+        ), props.renderMoreAction && /* @__PURE__ */ React.createElement(
+          ActionIconBox,
+          {
+            title: "更多操作",
+            onClick: (e) => {
+              e.stopPropagation();
+            },
+            className: classNames(
+              `${props.prefixCls}-action-btn`,
+              props.hashId
+            )
+          },
+          /* @__PURE__ */ React.createElement(
+            EllipsisVertical,
+            {
+              style: { color: "var(--color-gray-text-secondary)" }
+            }
+          ),
+          /* @__PURE__ */ React.createElement(
             "div",
             {
               className: classNames(
@@ -212,11 +226,11 @@ var FileMapViewItem = (props) => {
               )
             },
             props.renderMoreAction(file)
-          ) : null) : null)
-        ) : null
-      )
-    );
-  }, [file, file.status, hovered, props.onPreview, props.onDownload]);
+          )
+        ))
+      ) : null
+    )
+  );
 };
 export {
   FileMapViewItem

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

@@ -1,14 +1,16 @@
 import React from 'react';
 import { AttachmentFile } from '../AttachmentButton/types';
 export type FileMapViewProps = {
+    /** 是否显示"查看更多"按钮 */
+    showMoreButton?: boolean;
     /** 文件映射表 */
     fileMap?: Map<string, AttachmentFile>;
     /** 预览文件回调 */
     onPreview?: (file: AttachmentFile) => void;
     /** 下载文件回调 */
     onDownload?: (file: AttachmentFile) => void;
-    /** 点击"查看所有文件"回调，携带当前所有文件列表 */
-    onViewAll?: (files: AttachmentFile[]) => void;
+    /** 点击"查看所有文件"回调，携带当前所有文件列表。返回 true 时组件内部展开所有文件，返回 false 时由外部处理 */
+    onViewAll?: (files: AttachmentFile[]) => boolean | Promise<boolean>;
     /** 自定义更多操作 DOM（优先于 onMore，传入则展示该 DOM，不传则不展示更多按钮） */
     renderMoreAction?: (file: AttachmentFile) => React.ReactNode;
     /** 自定义悬浮动作区 slot（传入则覆盖默认『预览/下载/更多』动作区） */
@@ -17,10 +19,8 @@ export type FileMapViewProps = {
     style?: React.CSSProperties;
     /** 自定义根容器类名 */
     className?: string;
-    /** 最多展示的非图片文件数量，传入则开启溢出控制并在超出时显示"查看所有文件"按钮，不传则使用默认值3 */
+    /** 最多展示的非图片文件数量，传入则开启溢出控制并在超出时显示"查看所有文件"按钮，不传则展示所有文件且不显示按钮 */
     maxDisplayCount?: number;
-    /** 是否显示"查看全部"按钮，当为 false 时忽略 maxDisplayCount 限制，显示所有文件 */
-    showMoreButton?: boolean;
     placement?: 'left' | 'right';
 };
 /**