@ant-design/agentic-ui 2.0.20 → 2.0.21

package/dist/Bubble/FileView.js

@@ -64,9 +64,10 @@ var BubbleFileView = ({
       showMoreButton: config.showMoreButton,
       onPreview: createEventHandler(eventOverrides.onPreview),
       onDownload: createEventHandler(eventOverrides.onDownload),
-      onViewAll: eventOverrides.onViewAll ? () => {
+      onViewAll: eventOverrides.onViewAll ? (files) => {
         var _a;
-        return (_a = eventOverrides.onViewAll) == null ? void 0 : _a.call(eventOverrides, allFiles);
+        (_a = eventOverrides.onViewAll) == null ? void 0 : _a.call(eventOverrides, files);
+        return false;
       } : void 0,
       renderMoreAction: config.renderFileMoreAction ? (file) => renderMoreAction(config.renderFileMoreAction, file) : void 0,
       customSlot: config.customSlot,

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/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/index.d.ts

@@ -9,8 +9,8 @@ export type FileMapViewProps = {
     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（传入则覆盖默认『预览/下载/更多』动作区） */

package/dist/MarkdownInputField/FileMapView/index.js

@@ -1,18 +1,40 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
 // src/MarkdownInputField/FileMapView/index.tsx
 import { FileSearch } from "@sofa-design/icons";
 import { ConfigProvider, Image } from "antd";
 import classNames from "classnames";
 import { motion } from "framer-motion";
-import React, { useContext, useMemo } from "react";
+import React, { useContext, useMemo, useState } from "react";
 import { isImageFile } from "../AttachmentButton/utils";
 import { FileMapViewItem } from "./FileMapViewItem";
 import { useStyle } from "./style";
 var FileMapView = (props) => {
   var _a;
-  const { placement = "left", showMoreButton = true } = props;
+  const { placement = "left" } = 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 [showAllFiles, setShowAllFiles] = useState(false);
   const fileList = useMemo(() => {
     var _a2;
     if (!props.fileMap) {
@@ -27,11 +49,21 @@ var FileMapView = (props) => {
     return fileList.filter((file) => !isImageFile(file));
   }, [fileList]);
   const noImageFileList = useMemo(() => {
-    if (props.maxDisplayCount === void 0) {
+    if (showAllFiles || props.maxDisplayCount === void 0) {
       return allNoImageFiles;
     }
     return allNoImageFiles.slice(0, Math.max(0, props.maxDisplayCount));
-  }, [allNoImageFiles, props.maxDisplayCount]);
+  }, [allNoImageFiles, props.maxDisplayCount, showAllFiles]);
+  const handleViewAllClick = () => __async(void 0, null, function* () {
+    if (props.onViewAll) {
+      const shouldExpand = yield props.onViewAll(fileList);
+      if (shouldExpand) {
+        setShowAllFiles(true);
+      }
+    } else {
+      setShowAllFiles(true);
+    }
+  });
   return wrapSSR(
     /* @__PURE__ */ React.createElement(
       "div",
@@ -118,9 +150,7 @@ var FileMapView = (props) => {
             hashId,
             props.className,
             `${prefix}-${placement}`,
-            {
-              [`${prefix}-vertical`]: placement === "left"
-            }
+            `${prefix}-vertical`
           ),
           style: props.style
         },
@@ -148,15 +178,12 @@ var FileMapView = (props) => {
             }
           );
         }),
-        showMoreButton && props.maxDisplayCount !== void 0 && allNoImageFiles.length > props.maxDisplayCount ? /* @__PURE__ */ React.createElement(
+        props.maxDisplayCount !== void 0 && allNoImageFiles.length > props.maxDisplayCount && !showAllFiles ? /* @__PURE__ */ React.createElement(
           "div",
           {
             style: { width: (_a = props.style) == null ? void 0 : _a.width },
             className: classNames(hashId, `${prefix}-more-file-container`),
-            onClick: () => {
-              var _a2;
-              return (_a2 = props.onViewAll) == null ? void 0 : _a2.call(props, fileList);
-            }
+            onClick: handleViewAllClick
           },
           /* @__PURE__ */ React.createElement(FileSearch, { color: "var(--color-gray-text-secondary)" }),
           /* @__PURE__ */ React.createElement("div", { className: classNames(hashId, `${prefix}-more-file-name`) }, /* @__PURE__ */ React.createElement("span", { style: { whiteSpace: "nowrap" } }, "查看此任务中的所有文件"))

package/dist/MarkdownInputField/FileMapView/style.js

@@ -45,9 +45,12 @@ var genStyle = (token) => {
       },
       "&-vertical": {
         display: "flex",
-        flexDirection: "column",
+        flexDirection: "row",
+        flexWrap: "wrap",
         alignItems: "flex-start",
-        gap: 4
+        gap: 4,
+        maxWidth: "calc(285px * 3 + 4px * 2)"
+        // 3列：每列285px，间距4px
       },
       "&::-webkit-scrollbar": {
         width: 6
@@ -116,7 +119,7 @@ var genStyle = (token) => {
         borderRadius: "var(--radius-card-base)"
       },
       "&-more-file-container": {
-        width: "294px",
+        width: "285px",
         height: "56px",
         borderRadius: "var(--radius-card-base)",
         background: "var(--color-gray-bg-card-white)",
@@ -140,7 +143,7 @@ var genStyle = (token) => {
         color: "var(--color-gray-text-secondary)"
       },
       "&-item": {
-        width: "294px",
+        width: "285px",
         height: "56px",
         borderRadius: "var(--radius-card-base)",
         opacity: 1,
@@ -230,7 +233,7 @@ var genStyle = (token) => {
         "&-file-name": {
           color: "var(--color-gray-text-default)",
           fontSize: "var(--font-text-h6-base)",
-          width: "160px",
+          width: "150px",
           alignItems: "center",
           lineHeight: "18px",
           fontFamily: token.fontFamily,
@@ -238,7 +241,7 @@ var genStyle = (token) => {
           display: "flex",
           overflow: "hidden",
           "&-text": {
-            maxWidth: "160px",
+            maxWidth: "150px",
             whiteSpace: "nowrap !important",
             wordWrap: "normal",
             wordBreak: "keep-all",

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -149,6 +149,23 @@ var MarkdownInputField = (_a) => {
     props == null ? void 0 : props.actionsRender,
     props == null ? void 0 : props.toolsRender
   ]);
+  const computedMinHeight = useMemo(() => {
+    var _a3, _b3, _c2;
+    if (isEnlarged)
+      return "auto";
+    if (((_a3 = props == null ? void 0 : props.enlargeable) == null ? void 0 : _a3.enable) && ((_b3 = props == null ? void 0 : props.refinePrompt) == null ? void 0 : _b3.enable)) {
+      return 160;
+    }
+    if (isMultiRowLayout)
+      return 106;
+    return ((_c2 = props.style) == null ? void 0 : _c2.minHeight) || 0;
+  }, [
+    isEnlarged,
+    (_h = props == null ? void 0 : props.enlargeable) == null ? void 0 : _h.enable,
+    (_i = props == null ? void 0 : props.refinePrompt) == null ? void 0 : _i.enable,
+    isMultiRowLayout,
+    (_j = props.style) == null ? void 0 : _j.minHeight
+  ]);
   const {
     fileUploadDone,
     supportedFormat,
@@ -284,7 +301,7 @@ var MarkdownInputField = (_a) => {
     );
   }, [
     fileMap,
-    (_h = props.attachment) == null ? void 0 : _h.enable,
+    (_k = props.attachment) == null ? void 0 : _k.enable,
     handleFileRemoval,
     handleFileRetry,
     updateAttachmentFiles
@@ -323,7 +340,7 @@ var MarkdownInputField = (_a) => {
         supportedFormat,
         fileMap,
         onFileMapChange: setFileMap,
-        upload: ((_i = props.attachment) == null ? void 0 : _i.upload) ? (file) => props.attachment.upload(file, 0) : void 0
+        upload: ((_l = props.attachment) == null ? void 0 : _l.upload) ? (file) => props.attachment.upload(file, 0) : void 0
       }),
       voiceRecognizer: props.voiceRecognizer,
       value,
@@ -378,8 +395,11 @@ var MarkdownInputField = (_a) => {
             [`${baseCls}-enlarged`]: isEnlarged
           }),
           style: __spreadProps(__spreadValues(__spreadValues({}, props.style), enlargedStyle), {
-            height: isEnlarged ? `${(_k = (_j = props.enlargeable) == null ? void 0 : _j.height) != null ? _k : 980}px` : `min(${collapsedHeightPx}px,100%)`,
+            height: isEnlarged ? `${(_n = (_m = props.enlargeable) == null ? void 0 : _m.height) != null ? _n : 980}px` : `min(${collapsedHeightPx}px,100%)`,
             borderRadius: borderRadius || 16,
+            minHeight: computedMinHeight,
+            cursor: isLoading || props.disabled ? "not-allowed" : "auto",
+            opacity: props.disabled ? 0.5 : 1,
             maxHeight: isEnlarged ? "none" : `min(${collapsedHeightPx}px,100%)`,
             transition: "height, max-height 0.3s,border-radius 0.3s,box-shadow 0.3s,transform 0.3s,opacity 0.3s,background 0.3s"
           }),
@@ -391,196 +411,153 @@ var MarkdownInputField = (_a) => {
         /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: classNames(`${baseCls}-background`, hashId, {
-              [`${baseCls}-hover`]: isHover
-            }),
             style: {
-              minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : ((_l = props.style) == null ? void 0 : _l.minHeight) || 0,
-              height: "100%",
-              width: "100%"
+              display: "flex",
+              flexDirection: "column",
+              borderTopLeftRadius: "inherit",
+              borderTopRightRadius: "inherit",
+              maxHeight: isEnlarged ? "none" : (() => {
+                var _a3, _b3;
+                const mh = (_a3 = props.style) == null ? void 0 : _a3.maxHeight;
+                const base = typeof mh === "number" ? mh : mh ? parseFloat(String(mh)) || 400 : 400;
+                const extra = ((_b3 = props.attachment) == null ? void 0 : _b3.enable) ? 90 : 0;
+                return `min(${base + extra}px)`;
+              })(),
+              height: isEnlarged ? "100%" : "auto",
+              flex: 1
+            },
+            className: classNames(`${baseCls}-editor`, hashId, {
+              [`${baseCls}-editor-hover`]: isHover,
+              [`${baseCls}-editor-disabled`]: props.disabled
+            })
+          },
+          /* @__PURE__ */ React.createElement(
+            SkillModeBar,
+            {
+              skillMode: props.skillMode,
+              onSkillModeOpenChange: props.onSkillModeOpenChange
             }
-          }
+          ),
+          /* @__PURE__ */ React.createElement("div", { className: classNames(`${baseCls}-editor-content`, hashId) }, attachmentList, /* @__PURE__ */ React.createElement(
+            BaseMarkdownEditor,
+            __spreadValues({
+              editorRef: markdownEditorRef,
+              leafRender: props.leafRender,
+              style: {
+                width: "100%",
+                flex: 1,
+                padding: 0,
+                paddingRight: computedRightPadding
+              },
+              toolBar: {
+                enable: false
+              },
+              floatBar: {
+                enable: false
+              },
+              readonly: isLoading,
+              contentStyle: {
+                padding: "var(--padding-3x)"
+              },
+              textAreaProps: {
+                enable: true,
+                placeholder: props.placeholder,
+                triggerSendKey: props.triggerSendKey || "Enter"
+              },
+              tagInputProps: __spreadValues({
+                enable: true,
+                type: "dropdown"
+              }, tagInputProps),
+              initValue: props.value,
+              onChange: (value2) => {
+                var _a3;
+                setValue(value2);
+                (_a3 = props.onChange) == null ? void 0 : _a3.call(props, value2);
+              },
+              onFocus: (value2, schema, e) => {
+                onFocus == null ? void 0 : onFocus(value2, schema, e);
+                activeInput(true);
+              },
+              onBlur: (value2, schema, e) => {
+                onBlur == null ? void 0 : onBlur(value2, schema, e);
+                activeInput(false);
+              },
+              onPaste: (e) => {
+                handlePaste(e);
+              },
+              titlePlaceholderContent: props.placeholder,
+              toc: false,
+              pasteConfig: props.pasteConfig
+            }, markdownProps)
+          ))
         ),
-        /* @__PURE__ */ React.createElement(
+        props.toolsRender ? /* @__PURE__ */ React.createElement(
           "div",
           {
-            className: classNames(`${baseCls}-border-wrapper`, hashId),
             style: {
-              height: isEnlarged ? "100%" : "100%",
-              maxHeight: isEnlarged ? "100%" : "100%",
-              borderRadius: (borderRadius || 16) - 2 || 10,
-              cursor: isLoading || props.disabled ? "not-allowed" : "auto",
-              opacity: props.disabled ? 0.5 : 1,
-              minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : ((_m = props.style) == null ? void 0 : _m.minHeight) || 0
+              backgroundColor: "#fff",
+              display: "flex",
+              boxSizing: "border-box",
+              borderRadius: "inherit",
+              flexDirection: "row",
+              alignItems: "center",
+              justifyContent: "space-between",
+              gap: 8,
+              width: "100%",
+              paddingRight: "var(--padding-3x)",
+              paddingLeft: "var(--padding-3x)",
+              paddingBottom: "var(--padding-3x)"
             }
           },
           /* @__PURE__ */ React.createElement(
             "div",
             {
-              className: classNames(`${baseCls}-content-wrapper`, hashId),
-              style: {
-                minHeight: isEnlarged ? "auto" : isMultiRowLayout ? 106 : ((_n = props.style) == null ? void 0 : _n.minHeight) || 0
-              }
+              ref: actionsRef,
+              contentEditable: false,
+              className: classNames(`${baseCls}-send-tools`, hashId)
             },
-            /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  flexDirection: "column",
-                  borderTopLeftRadius: (borderRadius || 16) - 2 || 10,
-                  borderTopRightRadius: (borderRadius || 16) - 2 || 10,
-                  maxHeight: isEnlarged ? "none" : (() => {
-                    var _a3, _b3;
-                    const mh = (_a3 = props.style) == null ? void 0 : _a3.maxHeight;
-                    const base = typeof mh === "number" ? mh : mh ? parseFloat(String(mh)) || 400 : 400;
-                    const extra = ((_b3 = props.attachment) == null ? void 0 : _b3.enable) ? 90 : 0;
-                    return `min(${base + extra}px)`;
-                  })(),
-                  height: isEnlarged ? "100%" : "auto",
-                  flex: 1
-                },
-                className: classNames(`${baseCls}-editor`, hashId, {
-                  [`${baseCls}-editor-hover`]: isHover,
-                  [`${baseCls}-editor-disabled`]: props.disabled
-                })
-              },
-              /* @__PURE__ */ React.createElement(
-                SkillModeBar,
-                {
-                  skillMode: props.skillMode,
-                  onSkillModeOpenChange: props.onSkillModeOpenChange
-                }
-              ),
-              /* @__PURE__ */ React.createElement(
-                "div",
-                {
-                  className: classNames(`${baseCls}-editor-content`, hashId)
-                },
-                attachmentList,
-                /* @__PURE__ */ React.createElement(
-                  BaseMarkdownEditor,
-                  __spreadValues({
-                    editorRef: markdownEditorRef,
-                    leafRender: props.leafRender,
-                    style: {
-                      width: "100%",
-                      flex: 1,
-                      padding: 0,
-                      paddingRight: computedRightPadding
-                    },
-                    toolBar: {
-                      enable: false
-                    },
-                    floatBar: {
-                      enable: false
-                    },
-                    readonly: isLoading,
-                    contentStyle: {
-                      padding: "var(--padding-3x)"
-                    },
-                    textAreaProps: {
-                      enable: true,
-                      placeholder: props.placeholder,
-                      triggerSendKey: props.triggerSendKey || "Enter"
-                    },
-                    tagInputProps: __spreadValues({
-                      enable: true,
-                      type: "dropdown"
-                    }, tagInputProps),
-                    initValue: props.value,
-                    onChange: (value2) => {
-                      var _a3;
-                      setValue(value2);
-                      (_a3 = props.onChange) == null ? void 0 : _a3.call(props, value2);
-                    },
-                    onFocus: (value2, schema, e) => {
-                      onFocus == null ? void 0 : onFocus(value2, schema, e);
-                      activeInput(true);
-                    },
-                    onBlur: (value2, schema, e) => {
-                      onBlur == null ? void 0 : onBlur(value2, schema, e);
-                      activeInput(false);
-                    },
-                    onPaste: (e) => {
-                      handlePaste(e);
-                    },
-                    titlePlaceholderContent: props.placeholder,
-                    toc: false,
-                    pasteConfig: props.pasteConfig
-                  }, markdownProps)
-                )
-              )
-            ),
-            props.toolsRender ? /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                style: {
-                  backgroundColor: "#fff",
-                  display: "flex",
-                  boxSizing: "border-box",
-                  borderRadius: "inherit",
-                  flexDirection: "row",
-                  alignItems: "center",
-                  justifyContent: "space-between",
-                  gap: 8,
-                  width: "100%",
-                  paddingRight: "var(--padding-3x)",
-                  paddingLeft: "var(--padding-3x)",
-                  paddingBottom: "var(--padding-3x)"
-                }
-              },
-              /* @__PURE__ */ React.createElement(
-                "div",
-                {
-                  ref: actionsRef,
-                  contentEditable: false,
-                  className: classNames(`${baseCls}-send-tools`, hashId)
-                },
-                props.toolsRender(__spreadProps(__spreadValues({
-                  value,
-                  fileMap,
-                  onFileMapChange: setFileMap
-                }, props), {
-                  isHover,
-                  isLoading,
-                  fileUploadStatus: fileUploadDone ? "done" : "uploading"
-                }))
-              ),
-              sendActionsNode
-            ) : sendActionsNode,
-            (props == null ? void 0 : props.quickActionRender) || ((_o = props.refinePrompt) == null ? void 0 : _o.enable) ? /* @__PURE__ */ React.createElement(
-              QuickActions,
-              {
-                ref: quickActionsRef,
-                value,
-                fileMap,
-                onFileMapChange: setFileMap,
-                isHover,
-                isLoading,
-                disabled: props.disabled,
-                fileUploadStatus: fileUploadDone ? "done" : "uploading",
-                refinePrompt: props.refinePrompt,
-                editorRef: markdownEditorRef,
-                onValueChange: (text) => {
-                  var _a3;
-                  setValue(text);
-                  (_a3 = props.onChange) == null ? void 0 : _a3.call(props, text);
-                },
-                quickActionRender: props.quickActionRender,
-                prefixCls: baseCls,
-                hashId,
-                enlargeable: !!((_p = props.enlargeable) == null ? void 0 : _p.enable),
-                isEnlarged,
-                onEnlargeClick: handleEnlargeClick,
-                onResize: (width, rightOffset) => {
-                  setTopRightPadding(width);
-                  setQuickRightOffset(rightOffset);
-                }
-              }
-            ) : null
-          )
-        )
+            props.toolsRender(__spreadProps(__spreadValues({
+              value,
+              fileMap,
+              onFileMapChange: setFileMap
+            }, props), {
+              isHover,
+              isLoading,
+              fileUploadStatus: fileUploadDone ? "done" : "uploading"
+            }))
+          ),
+          sendActionsNode
+        ) : sendActionsNode,
+        (props == null ? void 0 : props.quickActionRender) || ((_o = props.refinePrompt) == null ? void 0 : _o.enable) ? /* @__PURE__ */ React.createElement(
+          QuickActions,
+          {
+            ref: quickActionsRef,
+            value,
+            fileMap,
+            onFileMapChange: setFileMap,
+            isHover,
+            isLoading,
+            disabled: props.disabled,
+            fileUploadStatus: fileUploadDone ? "done" : "uploading",
+            refinePrompt: props.refinePrompt,
+            editorRef: markdownEditorRef,
+            onValueChange: (text) => {
+              var _a3;
+              setValue(text);
+              (_a3 = props.onChange) == null ? void 0 : _a3.call(props, text);
+            },
+            quickActionRender: props.quickActionRender,
+            prefixCls: baseCls,
+            hashId,
+            enlargeable: !!((_p = props.enlargeable) == null ? void 0 : _p.enable),
+            isEnlarged,
+            onEnlargeClick: handleEnlargeClick,
+            onResize: (width, rightOffset) => {
+              setTopRightPadding(width);
+              setQuickRightOffset(rightOffset);
+            }
+          }
+        ) : null
       )
     ))
   );

package/dist/MarkdownInputField/style.js

@@ -65,24 +65,8 @@ var stopIconRotate = new Keyframes("stopIconRotate", {
     transform: "rotate(360deg)"
   }
 });
-var rotateFadeOnce = new Keyframes("rotateFadeOnce", {
-  "0%": {
-    "--mif-angle": "42deg",
-    opacity: 1
-  },
-  "100%": {
-    "--mif-angle": "calc(42deg + 1turn)",
-    opacity: 0
-  }
-});
 var genStyle = (token) => {
   return {
-    // 声明 CSS 自定义属性 --mif-angle，使其可动画（需浏览器支持 @property）
-    "@property --mif-angle": {
-      syntax: '"<angle>"',
-      "initial-value": "0deg",
-      inherits: false
-    },
     [token.componentCls]: {
       width: "100%",
       height: "100%",
@@ -101,16 +85,7 @@ var genStyle = (token) => {
         boxSizing: "border-box"
       },
       "&:active,&.active": {
-        [`${token.componentCls}-background`]: {
-          opacity: 0,
-          height: "100%",
-          backgroundImage: "radial-gradient(127% 127% at 0% 0%, rgba(255, 255, 255, 0) 57%, #EEF0F5 84%),linear-gradient(var(--mif-angle), #D7B9FF 14%, #9BA0FF 57%, #09B1FF 98%)",
-          // 单一动画：一次性旋转并淡出
-          animationName: rotateFadeOnce,
-          animationDuration: "2.5s",
-          animationTimingFunction: "ease-in-out",
-          animationIterationCount: "1"
-        }
+        outline: "1px solid transparent"
       },
       "&-enlarged": {
         "> div:last-child": {
@@ -134,28 +109,8 @@ var genStyle = (token) => {
           maxHeight: "none",
           overflow: "auto",
           width: "100%"
-        },
-        [`${token.componentCls}-background`]: {
-          // 放大时保持和普通状态相同的背景效果
-          opacity: 1
         }
       },
-      "&-background": {
-        boxSizing: "border-box",
-        position: "absolute",
-        width: "calc(100% - 4px)",
-        height: "calc(100% - 4px)",
-        zIndex: 2,
-        backgroundColor: "transparent",
-        pointerEvents: "none",
-        borderRadius: "inherit",
-        // 自定义属性控制线性渐变角度，默认与原始设计保持一致 42deg
-        "--mif-angle": "42deg",
-        // 提示浏览器该节点将频繁重绘背景图像
-        willChange: "background-image",
-        // 限定绘制范围，降低重绘影响
-        contain: "paint"
-      },
       "&-border-wrapper": {
         width: "100%",
         zIndex: 9,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.0.20",
+  "version": "2.0.21",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",