@ant-design/agentic-ui 2.0.18 → 2.0.21

package/dist/MarkdownInputField/FileMapView/index.js

@@ -1,19 +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, _b;
-  const { placement = "left", showMoreButton = true } = props;
+  var _a;
+  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 maxDisplayCount = (_a = props.maxDisplayCount) != null ? _a : 3;
+  const [showAllFiles, setShowAllFiles] = useState(false);
   const fileList = useMemo(() => {
     var _a2;
     if (!props.fileMap) {
@@ -21,25 +42,28 @@ var FileMapView = (props) => {
     }
     return Array.from(((_a2 = props.fileMap) == null ? void 0 : _a2.values()) || []);
   }, [props.fileMap]);
-  const allImgFiles = useMemo(() => {
+  const imgList = useMemo(() => {
     return fileList.filter((file) => isImageFile(file));
   }, [fileList]);
   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) {
+    if (showAllFiles || props.maxDisplayCount === void 0) {
       return allNoImageFiles;
     }
-    const remainingCount = Math.max(0, maxDisplayCount - imgList.length);
-    return allNoImageFiles.slice(0, remainingCount);
-  }, [allNoImageFiles, maxDisplayCount, imgList.length, showMoreButton]);
+    return allNoImageFiles.slice(0, Math.max(0, 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",
@@ -126,9 +150,7 @@ var FileMapView = (props) => {
             hashId,
             props.className,
             `${prefix}-${placement}`,
-            {
-              [`${prefix}-vertical`]: placement === "left"
-            }
+            `${prefix}-vertical`
           ),
           style: props.style
         },
@@ -138,20 +160,14 @@ var FileMapView = (props) => {
             FileMapViewItem,
             {
               style: { width: (_a2 = props.style) == null ? void 0 : _a2.width },
-              onPreview: () => {
+              onPreview: props.onPreview ? () => {
                 var _a3;
-                if (props.onPreview) {
-                  (_a3 = props.onPreview) == null ? void 0 : _a3.call(props, file);
-                  return;
-                }
-                if (typeof window === "undefined")
-                  return;
-                window.open(file.previewUrl || file.url, "_blank");
-              },
-              onDownload: () => {
+                (_a3 = props.onPreview) == null ? void 0 : _a3.call(props, file);
+              } : void 0,
+              onDownload: props.onDownload ? () => {
                 var _a3;
                 (_a3 = props.onDownload) == null ? void 0 : _a3.call(props, file);
-              },
+              } : void 0,
               renderMoreAction: props.renderMoreAction,
               customSlot: props.customSlot,
               key: (file == null ? void 0 : file.uuid) || (file == null ? void 0 : file.name) || index,
@@ -162,15 +178,12 @@ var FileMapView = (props) => {
             }
           );
         }),
-        showMoreButton && maxDisplayCount !== void 0 && fileList.length > maxDisplayCount ? /* @__PURE__ */ React.createElement(
+        props.maxDisplayCount !== void 0 && allNoImageFiles.length > props.maxDisplayCount && !showAllFiles ? /* @__PURE__ */ React.createElement(
           "div",
           {
-            style: { width: (_b = props.style) == null ? void 0 : _b.width },
+            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,
@@ -199,7 +202,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: {
@@ -230,20 +233,25 @@ 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,
           gap: -1,
+          display: "flex",
+          overflow: "hidden",
           "&-text": {
-            maxWidth: "160px",
-            whiteSpace: "nowrap",
+            maxWidth: "150px",
+            whiteSpace: "nowrap !important",
+            wordWrap: "normal",
+            wordBreak: "keep-all",
             width: "100%",
             overflow: "hidden",
             display: "inline-block",
             textOverflow: "ellipsis",
             height: 18,
-            lineHeight: 1
+            lineHeight: 1,
+            verticalAlign: "top"
           }
         },
         "&-file-name-extension-container": {

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -63,8 +63,6 @@ import React, {
   useRef,
   useState
 } from "react";
-import { Editor, Transforms } from "slate";
-import { ReactEditor } from "slate-react";
 import { useRefFunction } from "../Hooks/useRefFunction";
 import {
   BaseMarkdownEditor
@@ -151,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,
@@ -286,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
@@ -318,30 +333,6 @@ var MarkdownInputField = (_a) => {
       }
     }
   );
-  const handleContainerClick = useRefFunction(
-    (e) => {
-      var _a3, _b3, _c2, _d2;
-      if ((_a3 = markdownEditorRef == null ? void 0 : markdownEditorRef.current) == null ? void 0 : _a3.store.inputComposition)
-        return;
-      if (props.disabled)
-        return;
-      if ((_b3 = actionsRef.current) == null ? void 0 : _b3.contains(e.target))
-        return;
-      if ((_c2 = quickActionsRef.current) == null ? void 0 : _c2.contains(e.target))
-        return;
-      const editor = (_d2 = markdownEditorRef.current) == null ? void 0 : _d2.markdownEditorRef.current;
-      if (!editor)
-        return;
-      if (ReactEditor.isFocused(editor))
-        return;
-      ReactEditor.focus(editor);
-      Transforms.move(editor, { distance: 1, unit: "offset" });
-      Transforms.select(editor, {
-        anchor: Editor.end(editor, []),
-        focus: Editor.end(editor, [])
-      });
-    }
-  );
   const sendActionsNode = /* @__PURE__ */ React.createElement(
     SendActions,
     {
@@ -349,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,
@@ -404,210 +395,169 @@ 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"
           }),
           tabIndex: 1,
           onMouseEnter: () => setHover(true),
           onMouseLeave: () => setHover(false),
-          onKeyDown: handleKeyDown,
-          onClick: handleContainerClick
+          onKeyDown: handleKeyDown
         },
         /* @__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-card-base)"
-                    },
-                    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-card-base)",
-                  paddingLeft: "var(--padding-card-base)",
-                  paddingBottom: "var(--padding-card-base)"
-                }
-              },
-              /* @__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/QuickActions/index.js

@@ -90,6 +90,12 @@ var QuickActions = React.forwardRef(
         "div",
         {
           ref,
+          onBlur: (e) => {
+            e.stopPropagation();
+          },
+          onFocus: (e) => {
+            e.stopPropagation();
+          },
           contentEditable: false,
           onClick: (e) => {
             e.stopPropagation();

package/dist/MarkdownInputField/VoiceInput/index.js

@@ -60,7 +60,8 @@ var VoiceInputButton = (props) => {
     /* @__PURE__ */ React.createElement(
       Tooltip,
       {
-        mouseEnterDelay: 0.3,
+        mouseEnterDelay: 2,
+        arrow: false,
         title: recording ? (locale == null ? void 0 : locale["input.voiceInputting"]) || "语音输入中，点击可停止。" : (locale == null ? void 0 : locale["input.voiceInput"]) || "语音输入"
       },
       /* @__PURE__ */ React.createElement(