@ant-design/agentic-ui 2.8.0 → 2.9.0

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -1,75 +1,259 @@
-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]);
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
     }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
     }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
     };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
     };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/MarkdownInputField/MarkdownInputField.tsx
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import { useMergedState } from "rc-util";
-import React, {
-  useCallback,
-  useContext,
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-  useState
-} from "react";
+import React, { useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { useRefFunction } from "../Hooks/useRefFunction";
-import {
-  BaseMarkdownEditor
-} from "../MarkdownEditor";
-import {
-  upLoadFileToServer
-} from "./AttachmentButton";
+import { BaseMarkdownEditor } from "../MarkdownEditor";
+import { upLoadFileToServer } from "./AttachmentButton";
 import { AttachmentFileList } from "./AttachmentButton/AttachmentFileList";
 import { getFileListFromDataTransferItems } from "./FilePaste";
 import { useFileUploadManager } from "./FileUploadManager";
@@ -80,503 +264,589 @@ import { useStyle } from "./style";
 import { Suggestion } from "./Suggestion";
 import TopOperatingArea from "./TopOperatingArea";
 import { useVoiceInputManager } from "./VoiceInputManager";
-var MarkdownInputField = (_a) => {
-  var _b = _a, {
-    tagInputProps,
-    markdownProps,
-    borderRadius = 16,
-    onBlur,
-    onFocus,
-    isShowTopOperatingArea = false
-  } = _b, props = __objRest(_b, [
-    "tagInputProps",
-    "markdownProps",
-    "borderRadius",
-    "onBlur",
-    "onFocus",
-    "isShowTopOperatingArea"
-  ]);
-  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const baseCls = getPrefixCls("agentic-md-input-field");
-  const { wrapSSR, hashId } = useStyle(baseCls);
-  const [isHover, setHover] = React.useState(false);
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [isEnlarged, setIsEnlarged] = React.useState(false);
-  const markdownEditorRef = React.useRef();
-  const quickActionsRef = React.useRef(null);
-  const actionsRef = React.useRef(null);
-  const isSendingRef = React.useRef(false);
-  const [collapseSendActions, setCollapseSendActions] = useState(() => {
-    if (typeof window === "undefined")
-      return false;
-    if (window.innerWidth < 460)
-      return true;
-    return false;
-  });
-  const [value, setValue] = useMergedState("", {
-    value: props.value,
-    onChange: props.onChange
-  });
-  const [rightPadding, setRightPadding] = useState(64);
-  const [topRightPadding, setTopRightPadding] = useState(0);
-  const [quickRightOffset, setQuickRightOffset] = useState(0);
-  const computedRightPadding = useMemo(() => {
-    const bottomOverlayPadding = props.toolsRender ? 0 : rightPadding || 52;
-    const topOverlayPadding = (topRightPadding || 0) + (quickRightOffset || 0);
-    return Math.max(bottomOverlayPadding, topOverlayPadding);
-  }, [props.toolsRender, rightPadding, topRightPadding, quickRightOffset]);
-  const collapsedHeight = useMemo(() => {
-    var _a3;
-    const mh = (_a3 = props.style) == null ? void 0 : _a3.maxHeight;
-    const base = typeof mh === "number" ? mh : mh ? parseFloat(String(mh)) || 114 : 114;
-    return base;
-  }, [(_a2 = props.style) == null ? void 0 : _a2.maxHeight, (_b2 = props.attachment) == null ? void 0 : _b2.enable]);
-  const collapsedHeightPx = useMemo(() => {
-    var _a3;
-    const extra = ((_a3 = props.attachment) == null ? void 0 : _a3.enable) ? 90 : 0;
-    return collapsedHeight + extra;
-  }, [(_c = props.style) == null ? void 0 : _c.maxHeight, (_d = props.attachment) == null ? void 0 : _d.enable]);
-  const [fileMap, setFileMap] = useMergedState(void 0, {
-    value: (_e = props.attachment) == null ? void 0 : _e.fileMap,
-    onChange: (_f = props.attachment) == null ? void 0 : _f.onFileMapChange
-  });
-  const hasEnlargeAction = !!((_g = props == null ? void 0 : props.enlargeable) == null ? void 0 : _g.enable);
-  const hasRefineAction = !!((_h = props == null ? void 0 : props.refinePrompt) == null ? void 0 : _h.enable);
-  const hasCustomQuickAction = !!(props == null ? void 0 : props.quickActionRender);
-  const hasActionsRender = !!(props == null ? void 0 : props.actionsRender);
-  const hasToolsRender = !!(props == null ? void 0 : props.toolsRender);
-  const quickActionCount = Number(hasEnlargeAction) + Number(hasRefineAction) + Number(hasCustomQuickAction);
-  const auxiliaryActionCount = Number(hasActionsRender) + Number(hasToolsRender);
-  const totalActionCount = quickActionCount + auxiliaryActionCount;
-  const isMultiRowLayout = totalActionCount > 0;
-  const computedMinHeight = useMemo(() => {
-    var _a3, _b3;
-    if (isEnlarged)
-      return "auto";
-    if (((_a3 = props.style) == null ? void 0 : _a3.minHeight) !== void 0)
-      return props.style.minHeight;
-    if (hasEnlargeAction && hasRefineAction)
-      return 140;
-    if (totalActionCount === 1)
-      return 90;
-    if (isMultiRowLayout)
-      return 106;
-    return ((_b3 = props.style) == null ? void 0 : _b3.minHeight) || 0;
-  }, [
-    isEnlarged,
-    hasEnlargeAction,
-    hasRefineAction,
-    isMultiRowLayout,
-    totalActionCount,
-    (_i = props.style) == null ? void 0 : _i.minHeight
-  ]);
-  const {
-    fileUploadDone,
-    supportedFormat,
-    uploadImage,
-    updateAttachmentFiles,
-    handleFileRemoval,
-    handleFileRetry
-  } = useFileUploadManager({
-    attachment: props.attachment,
-    fileMap,
-    onFileMapChange: setFileMap
-  });
-  const { recording, startRecording, stopRecording } = useVoiceInputManager({
-    voiceRecognizer: props.voiceRecognizer,
-    editorRef: markdownEditorRef,
-    onValueChange: setValue
-  });
-  useEffect(() => {
-    var _a3, _b3;
-    if (!markdownEditorRef.current)
-      return;
-    (_b3 = (_a3 = markdownEditorRef.current) == null ? void 0 : _a3.store) == null ? void 0 : _b3.setMDContent(value);
-  }, [props.value]);
-  useImperativeHandle(props.inputRef, () => markdownEditorRef.current);
-  const handleEnlargeClick = useRefFunction(() => {
-    setIsEnlarged(!isEnlarged);
-  });
-  const sendMessage = useRefFunction(() => __async(void 0, null, function* () {
-    var _a3, _b3, _c2, _d2, _e2, _f2;
-    if (props.disabled)
-      return;
-    if (props.typing)
-      return;
-    if (isLoading)
-      return;
-    if (isSendingRef.current)
-      return;
-    if (recording)
-      yield stopRecording();
-    const mdValue = (_b3 = (_a3 = markdownEditorRef == null ? void 0 : markdownEditorRef.current) == null ? void 0 : _a3.store) == null ? void 0 : _b3.getMDContent();
-    if (mdValue !== value && mdValue) {
-      (_c2 = props.onChange) == null ? void 0 : _c2.call(props, mdValue);
-    }
-    if (props.onSend && (props.allowEmptySubmit || mdValue)) {
-      isSendingRef.current = true;
-      setIsLoading(true);
-      try {
-        yield props.onSend(mdValue || "");
-        (_e2 = (_d2 = markdownEditorRef == null ? void 0 : markdownEditorRef.current) == null ? void 0 : _d2.store) == null ? void 0 : _e2.clearContent();
-        (_f2 = props.onChange) == null ? void 0 : _f2.call(props, "");
-        setValue("");
-        setFileMap == null ? void 0 : setFileMap(/* @__PURE__ */ new Map());
-      } catch (error) {
-        console.error("Send message failed:", error);
-        throw error;
-      } finally {
-        setIsLoading(false);
-        isSendingRef.current = false;
-      }
-    }
-  }));
-  const enlargedStyle = useMemo(() => {
-    if (!isEnlarged)
-      return {};
-    return {
-      maxHeight: "980px",
-      minHeight: "280px"
-    };
-  }, [isEnlarged]);
-  const beforeTools = useMemo(() => {
-    if (props.beforeToolsRender) {
-      return props.beforeToolsRender(__spreadProps(__spreadValues({}, props), {
+/**
+ * MarkdownInputField 组件 - Markdown输入字段组件
+ *
+ * 该组件提供一个功能完整的Markdown输入框，支持实时预览、文件附件、
+ * 快捷键发送、自动完成等功能。是聊天应用中的核心输入组件。
+ *
+ * @component
+ * @description Markdown输入字段组件，支持实时预览和文件附件
+ * @param {MarkdownInputFieldProps} props - 组件属性
+ * @param {string} [props.value] - 输入框的值
+ * @param {(value: string) => void} [props.onChange] - 值变化时的回调
+ * @param {(value: string) => Promise<void>} [props.onSend] - 发送消息的回调
+ * @param {string} [props.placeholder] - 占位符文本
+ * @param {string} [props.triggerSendKey='Mod+Enter'] - 触发发送的快捷键
+ * @param {boolean} [props.disabled] - 是否禁用
+ * @param {boolean} [props.typing] - 是否正在输入
+ * @param {AttachmentProps} [props.attachment] - 附件配置
+ * @param {string[]} [props.bgColorList] - 背景颜色列表，推荐使用3-4种颜色
+ * @param {React.RefObject} [props.inputRef] - 输入框引用
+ * @param {MarkdownRenderConfig} [props.markdownRenderConfig] - Markdown渲染配置
+ * @param {SuggestionProps} [props.suggestion] - 自动完成配置
+ *
+ * @example
+ * ```tsx
+ * <MarkdownInputField
+ *   value="# 标题"
+ *   onChange={(value) => console.log(value)}
+ *   onSend={(value) => Promise.resolve()}
+ *   placeholder="请输入Markdown文本..."
+ *   triggerSendKey="Mod+Enter"
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的Markdown输入字段组件
+ *
+ * @remarks
+ * - 支持实时Markdown预览
+ * - 支持文件附件上传
+ * - 支持快捷键发送消息
+ * - 支持自动完成功能
+ * - 支持自定义渲染配置
+ */ export var MarkdownInputField = function(_param) {
+    var tagInputProps = _param.tagInputProps, markdownProps = _param.markdownProps, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 16 : _param_borderRadius, onBlur = _param.onBlur, onFocus = _param.onFocus, _param_isShowTopOperatingArea = _param.isShowTopOperatingArea, isShowTopOperatingArea = _param_isShowTopOperatingArea === void 0 ? false : _param_isShowTopOperatingArea, props = _object_without_properties(_param, [
+        "tagInputProps",
+        "markdownProps",
+        "borderRadius",
+        "onBlur",
+        "onFocus",
+        "isShowTopOperatingArea"
+    ]);
+    var _props_style, _props_attachment, _props_style1, _props_attachment1, _props_attachment2, _props_attachment3, _props_enlargeable, _props_refinePrompt, _props_style2, _props_attachment4, _props_attachment5, _props_enlargeable1, _props_refinePrompt1, _props_enlargeable2, _props_enlargeable3;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var baseCls = getPrefixCls('agentic-md-input-field');
+    var _useStyle = useStyle(baseCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var _React_useState = _sliced_to_array(React.useState(false), 2), isHover = _React_useState[0], setHover = _React_useState[1];
+    var _React_useState1 = _sliced_to_array(React.useState(false), 2), isLoading = _React_useState1[0], setIsLoading = _React_useState1[1];
+    var _React_useState2 = _sliced_to_array(React.useState(false), 2), isEnlarged = _React_useState2[0], setIsEnlarged = _React_useState2[1];
+    var markdownEditorRef = React.useRef();
+    var quickActionsRef = React.useRef(null);
+    var actionsRef = React.useRef(null);
+    var isSendingRef = React.useRef(false); // 防重复触发标记
+    var _useState = _sliced_to_array(useState(function() {
+        if (typeof window === 'undefined') return false;
+        if (window.innerWidth < 460) return true;
+        return false;
+    }), 2), collapseSendActions = _useState[0], setCollapseSendActions = _useState[1];
+    var _useMergedState = _sliced_to_array(useMergedState('', {
+        value: props.value,
+        onChange: props.onChange
+    }), 2), value = _useMergedState[0], setValue = _useMergedState[1];
+    var _useState1 = _sliced_to_array(useState(64), 2), rightPadding = _useState1[0], setRightPadding = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(0), 2), topRightPadding = _useState2[0], setTopRightPadding = _useState2[1];
+    var _useState3 = _sliced_to_array(useState(0), 2), quickRightOffset = _useState3[0], setQuickRightOffset = _useState3[1];
+    var computedRightPadding = useMemo(function() {
+        var bottomOverlayPadding = props.toolsRender ? 0 : rightPadding || 52;
+        var topOverlayPadding = (topRightPadding || 0) + (quickRightOffset || 0);
+        return Math.max(bottomOverlayPadding, topOverlayPadding);
+    }, [
+        props.toolsRender,
+        rightPadding,
+        topRightPadding,
+        quickRightOffset
+    ]);
+    var collapsedHeight = useMemo(function() {
+        var _props_style;
+        var mh = (_props_style = props.style) === null || _props_style === void 0 ? void 0 : _props_style.maxHeight;
+        var base = typeof mh === 'number' ? mh : mh ? parseFloat(String(mh)) || 114 : 114;
+        return base;
+    }, [
+        (_props_style = props.style) === null || _props_style === void 0 ? void 0 : _props_style.maxHeight,
+        (_props_attachment = props.attachment) === null || _props_attachment === void 0 ? void 0 : _props_attachment.enable
+    ]);
+    var collapsedHeightPx = useMemo(function() {
+        var _props_attachment;
+        var extra = ((_props_attachment = props.attachment) === null || _props_attachment === void 0 ? void 0 : _props_attachment.enable) ? 90 : 0;
+        return collapsedHeight + extra;
+    }, [
+        (_props_style1 = props.style) === null || _props_style1 === void 0 ? void 0 : _props_style1.maxHeight,
+        (_props_attachment1 = props.attachment) === null || _props_attachment1 === void 0 ? void 0 : _props_attachment1.enable
+    ]);
+    var _useMergedState1 = _sliced_to_array(useMergedState(undefined, {
+        value: (_props_attachment2 = props.attachment) === null || _props_attachment2 === void 0 ? void 0 : _props_attachment2.fileMap,
+        onChange: (_props_attachment3 = props.attachment) === null || _props_attachment3 === void 0 ? void 0 : _props_attachment3.onFileMapChange
+    }), 2), fileMap = _useMergedState1[0], setFileMap = _useMergedState1[1];
+    var hasEnlargeAction = !!(props === null || props === void 0 ? void 0 : (_props_enlargeable = props.enlargeable) === null || _props_enlargeable === void 0 ? void 0 : _props_enlargeable.enable);
+    var hasRefineAction = !!(props === null || props === void 0 ? void 0 : (_props_refinePrompt = props.refinePrompt) === null || _props_refinePrompt === void 0 ? void 0 : _props_refinePrompt.enable);
+    var hasCustomQuickAction = !!(props === null || props === void 0 ? void 0 : props.quickActionRender);
+    var hasActionsRender = !!(props === null || props === void 0 ? void 0 : props.actionsRender);
+    var hasToolsRender = !!(props === null || props === void 0 ? void 0 : props.toolsRender);
+    var quickActionCount = Number(hasEnlargeAction) + Number(hasRefineAction) + Number(hasCustomQuickAction);
+    var auxiliaryActionCount = Number(hasActionsRender) + Number(hasToolsRender);
+    var totalActionCount = quickActionCount + auxiliaryActionCount;
+    // 是否需要多行布局
+    var isMultiRowLayout = totalActionCount > 0;
+    // 计算最小高度
+    var computedMinHeight = useMemo(function() {
+        var _props_style, _props_style1;
+        if (isEnlarged) return 'auto';
+        if (((_props_style = props.style) === null || _props_style === void 0 ? void 0 : _props_style.minHeight) !== undefined) return props.style.minHeight;
+        // 如果同时有放大按钮和提示词优化按钮，最小高度为 140px
+        if (hasEnlargeAction && hasRefineAction) return 140;
+        if (totalActionCount === 1) return 90;
+        // 其他多行布局情况，最小高度为 106px
+        if (isMultiRowLayout) return 106;
+        // 默认使用传入的 minHeight 或 0
+        return ((_props_style1 = props.style) === null || _props_style1 === void 0 ? void 0 : _props_style1.minHeight) || 0;
+    }, [
+        isEnlarged,
+        hasEnlargeAction,
+        hasRefineAction,
+        isMultiRowLayout,
+        totalActionCount,
+        (_props_style2 = props.style) === null || _props_style2 === void 0 ? void 0 : _props_style2.minHeight
+    ]);
+    // 文件上传管理
+    var _useFileUploadManager = useFileUploadManager({
+        attachment: props.attachment,
+        fileMap: fileMap,
+        onFileMapChange: setFileMap
+    }), fileUploadDone = _useFileUploadManager.fileUploadDone, supportedFormat = _useFileUploadManager.supportedFormat, uploadImage = _useFileUploadManager.uploadImage, updateAttachmentFiles = _useFileUploadManager.updateAttachmentFiles, handleFileRemoval = _useFileUploadManager.handleFileRemoval, handleFileRetry = _useFileUploadManager.handleFileRetry;
+    // 语音输入管理
+    var _useVoiceInputManager = useVoiceInputManager({
+        voiceRecognizer: props.voiceRecognizer,
+        editorRef: markdownEditorRef,
+        onValueChange: setValue
+    }), recording = _useVoiceInputManager.recording, startRecording = _useVoiceInputManager.startRecording, stopRecording = _useVoiceInputManager.stopRecording;
+    useEffect(function() {
+        var _markdownEditorRef_current_store, _markdownEditorRef_current;
+        if (!markdownEditorRef.current) return;
+        (_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : (_markdownEditorRef_current_store = _markdownEditorRef_current.store) === null || _markdownEditorRef_current_store === void 0 ? void 0 : _markdownEditorRef_current_store.setMDContent(value);
+    }, [
+        props.value
+    ]);
+    useImperativeHandle(props.inputRef, function() {
+        return markdownEditorRef.current;
+    });
+    // 已移除 enlargeTargetRef，不需要校验容器定位
+    /**
+   * 处理放大缩小按钮点击
+   * @description 切换编辑器的放大/缩小状态
+   */ var handleEnlargeClick = useRefFunction(function() {
+        setIsEnlarged(!isEnlarged);
+    });
+    /**
+   * 发送消息的函数
+   * @description 该函数用于处理发送消息的逻辑，包括调用回调函数和清空输入框。
+   * @returns {Promise<void>} 发送操作的Promise
+   * @example
+   * ```tsx
+   * <MarkdownInputField
+   *   value="# 示例"
+   *   onChange={(value) => console.log(value)}
+   *   onSend={(value) => Promise.resolve()}
+   * />
+   * ```
+   */ var sendMessage = useRefFunction(/*#__PURE__*/ _async_to_generator(function() {
+        var _markdownEditorRef_current_store, _markdownEditorRef_current, mdValue, _props_onChange, _markdownEditorRef_current_store1, _markdownEditorRef_current1, _props_onChange1, error;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    if (props.disabled) return [
+                        2
+                    ];
+                    if (props.typing) return [
+                        2
+                    ];
+                    // 防止重复触发：如果正在加载中，直接返回
+                    if (isLoading) return [
+                        2
+                    ];
+                    // 使用 ref 防止快速连续触发
+                    if (isSendingRef.current) return [
+                        2
+                    ];
+                    if (!recording) return [
+                        3,
+                        2
+                    ];
+                    return [
+                        4,
+                        stopRecording()
+                    ];
+                case 1:
+                    _state.sent();
+                    _state.label = 2;
+                case 2:
+                    mdValue = markdownEditorRef === null || markdownEditorRef === void 0 ? void 0 : (_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : (_markdownEditorRef_current_store = _markdownEditorRef_current.store) === null || _markdownEditorRef_current_store === void 0 ? void 0 : _markdownEditorRef_current_store.getMDContent();
+                    // 如果mdValue和value不一致，并且mdValue不为空，则调用onChange
+                    if (mdValue !== value && mdValue) {
+                        ;
+                        (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, mdValue);
+                    }
+                    if (!(props.onSend && (props.allowEmptySubmit || mdValue))) return [
+                        3,
+                        7
+                    ];
+                    // 设置发送标记
+                    isSendingRef.current = true;
+                    setIsLoading(true);
+                    _state.label = 3;
+                case 3:
+                    _state.trys.push([
+                        3,
+                        5,
+                        6,
+                        7
+                    ]);
+                    return [
+                        4,
+                        props.onSend(mdValue || '')
+                    ];
+                case 4:
+                    _state.sent();
+                    markdownEditorRef === null || markdownEditorRef === void 0 ? void 0 : (_markdownEditorRef_current1 = markdownEditorRef.current) === null || _markdownEditorRef_current1 === void 0 ? void 0 : (_markdownEditorRef_current_store1 = _markdownEditorRef_current1.store) === null || _markdownEditorRef_current_store1 === void 0 ? void 0 : _markdownEditorRef_current_store1.clearContent();
+                    (_props_onChange1 = props.onChange) === null || _props_onChange1 === void 0 ? void 0 : _props_onChange1.call(props, '');
+                    setValue('');
+                    setFileMap === null || setFileMap === void 0 ? void 0 : setFileMap(new Map());
+                    return [
+                        3,
+                        7
+                    ];
+                case 5:
+                    error = _state.sent();
+                    console.error('Send message failed:', error);
+                    throw error;
+                case 6:
+                    setIsLoading(false);
+                    // 重置发送标记
+                    isSendingRef.current = false;
+                    return [
+                        7
+                    ];
+                case 7:
+                    return [
+                        2
+                    ];
+            }
+        });
+    }));
+    /**
+   * 放大状态样式计算
+   */ var enlargedStyle = useMemo(function() {
+        if (!isEnlarged) return {};
+        return {
+            maxHeight: '980px',
+            minHeight: '280px'
+        };
+    }, [
+        isEnlarged
+    ]);
+    var beforeTools = useMemo(function() {
+        if (props.beforeToolsRender) {
+            return props.beforeToolsRender(_object_spread_props(_object_spread({}, props), {
+                isHover: isHover,
+                isLoading: isLoading
+            }));
+        }
+        return null;
+    }, [
+        props,
         isHover,
         isLoading
-      }));
-    }
-    return null;
-  }, [props, isHover, isLoading]);
-  const inputRef = useRef(null);
-  const activeInput = useRefFunction((active) => {
-    var _a3, _b3;
-    if (inputRef.current) {
-      if (active) {
-        inputRef.current.tabIndex = 1;
-        (_a3 = inputRef.current) == null ? void 0 : _a3.classList.add("active");
-      } else {
-        inputRef.current.tabIndex = -1;
-        (_b3 = inputRef.current) == null ? void 0 : _b3.classList.remove("active");
-      }
-    }
-  });
-  useEffect(() => {
-    if (!inputRef.current)
-      return;
-    if (false)
-      return;
-    const handleResize = () => {
-      var _a3;
-      if (!inputRef.current)
-        return;
-      if (false)
-        return;
-      if (((_a3 = inputRef.current) == null ? void 0 : _a3.clientWidth) < 481) {
-        setCollapseSendActions(true);
-      } else {
-        setCollapseSendActions(false);
-      }
-    };
-    handleResize();
-    const resizeObserver = new ResizeObserver(handleResize);
-    resizeObserver.observe(inputRef.current);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, []);
-  const handlePaste = useCallback(
-    (e) => __async(void 0, null, function* () {
-      const imageFiles = (yield getFileListFromDataTransferItems(e)).filter(
-        (file) => file.type.startsWith("image/")
-      );
-      upLoadFileToServer(imageFiles, __spreadProps(__spreadValues({}, markdownProps == null ? void 0 : markdownProps.attachment), {
+    ]);
+    var inputRef = useRef(null);
+    var activeInput = useRefFunction(function(active) {
+        if (inputRef.current) {
+            if (active) {
+                var _inputRef_current;
+                inputRef.current.tabIndex = 1;
+                (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.classList.add('active');
+            } else {
+                var _inputRef_current1;
+                inputRef.current.tabIndex = -1;
+                (_inputRef_current1 = inputRef.current) === null || _inputRef_current1 === void 0 ? void 0 : _inputRef_current1.classList.remove('active');
+            }
+        }
+    });
+    useEffect(function() {
+        if (!inputRef.current) return;
+        if (process.env.NODE_ENV === 'test') return;
+        var handleResize = function() {
+            var _inputRef_current;
+            if (!inputRef.current) return;
+            if (process.env.NODE_ENV === 'test') return;
+            if (((_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.clientWidth) < 481) {
+                setCollapseSendActions(true);
+            } else {
+                setCollapseSendActions(false);
+            }
+        };
+        handleResize();
+        var resizeObserver = new ResizeObserver(handleResize);
+        resizeObserver.observe(inputRef.current);
+        return function() {
+            resizeObserver.disconnect();
+        };
+    }, []);
+    // 图片粘贴上传
+    var handlePaste = useCallback(/*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(e) {
+            var imageFiles;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        return [
+                            4,
+                            getFileListFromDataTransferItems(e)
+                        ];
+                    case 1:
+                        imageFiles = _state.sent().filter(function(file) {
+                            return file.type.startsWith('image/');
+                        });
+                        upLoadFileToServer(imageFiles, _object_spread_props(_object_spread({}, markdownProps === null || markdownProps === void 0 ? void 0 : markdownProps.attachment), {
+                            fileMap: fileMap,
+                            onFileMapChange: setFileMap
+                        }));
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function(e) {
+            return _ref.apply(this, arguments);
+        };
+    }(), [
         fileMap,
-        onFileMapChange: setFileMap
-      }));
-    }),
-    [fileMap, markdownProps == null ? void 0 : markdownProps.attachment]
-  );
-  const attachmentList = useMemo(() => {
-    var _a3;
-    if (!((_a3 = props.attachment) == null ? void 0 : _a3.enable))
-      return null;
-    return /* @__PURE__ */ React.createElement(
-      AttachmentFileList,
-      {
+        markdownProps === null || markdownProps === void 0 ? void 0 : markdownProps.attachment
+    ]);
+    // 预计算：附件列表节点，减少 JSX 嵌套
+    var attachmentList = useMemo(function() {
+        var _props_attachment;
+        if (!((_props_attachment = props.attachment) === null || _props_attachment === void 0 ? void 0 : _props_attachment.enable)) return null;
+        return /*#__PURE__*/ React.createElement(AttachmentFileList, {
+            fileMap: fileMap,
+            onDelete: handleFileRemoval,
+            onRetry: handleFileRetry,
+            onClearFileMap: function() {
+                updateAttachmentFiles(new Map());
+            }
+        });
+    }, [
         fileMap,
-        onDelete: handleFileRemoval,
-        onRetry: handleFileRetry,
-        onClearFileMap: () => {
-          updateAttachmentFiles(/* @__PURE__ */ new Map());
+        (_props_attachment4 = props.attachment) === null || _props_attachment4 === void 0 ? void 0 : _props_attachment4.enable,
+        handleFileRemoval,
+        handleFileRetry,
+        updateAttachmentFiles
+    ]);
+    // 键盘事件：早返回减少嵌套
+    var handleKeyDown = useRefFunction(function(e) {
+        var _markdownEditorRef_current;
+        var triggerSendKey = props.triggerSendKey || 'Enter';
+        if (markdownEditorRef === null || markdownEditorRef === void 0 ? void 0 : (_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : _markdownEditorRef_current.store.inputComposition) return;
+        var isEnter = e.key === 'Enter';
+        var isMod = e.ctrlKey || e.metaKey;
+        if (triggerSendKey === 'Enter') {
+            if (!(isEnter && !isMod)) return;
+            e.stopPropagation();
+            e.preventDefault();
+            if (props.onSend) sendMessage();
+            return;
         }
-      }
-    );
-  }, [
-    fileMap,
-    (_j = props.attachment) == null ? void 0 : _j.enable,
-    handleFileRemoval,
-    handleFileRetry,
-    updateAttachmentFiles
-  ]);
-  const handleKeyDown = useRefFunction(
-    (e) => {
-      var _a3;
-      const triggerSendKey = props.triggerSendKey || "Enter";
-      if ((_a3 = markdownEditorRef == null ? void 0 : markdownEditorRef.current) == null ? void 0 : _a3.store.inputComposition)
-        return;
-      const isEnter = e.key === "Enter";
-      const isMod = e.ctrlKey || e.metaKey;
-      if (triggerSendKey === "Enter") {
-        if (!(isEnter && !isMod))
-          return;
-        e.stopPropagation();
-        e.preventDefault();
-        if (props.onSend)
-          sendMessage();
-        return;
-      }
-      if (triggerSendKey === "Mod+Enter") {
-        if (!(isEnter && isMod))
-          return;
-        e.stopPropagation();
-        e.preventDefault();
-        if (props.onSend && !isLoading && !props.disabled && !props.typing) {
-          sendMessage();
+        if (triggerSendKey === 'Mod+Enter') {
+            if (!(isEnter && isMod)) return;
+            e.stopPropagation();
+            e.preventDefault();
+            // 防止重复触发：检查是否已经在加载中
+            if (props.onSend && !isLoading && !props.disabled && !props.typing) {
+                sendMessage();
+            }
         }
-      }
-    }
-  );
-  const sendActionsNode = /* @__PURE__ */ React.createElement(
-    SendActions,
-    {
-      attachment: __spreadProps(__spreadValues({}, props.attachment), {
-        supportedFormat,
-        fileMap,
-        onFileMapChange: setFileMap,
-        upload: ((_k = props.attachment) == null ? void 0 : _k.upload) ? (file) => props.attachment.upload(file, 0) : void 0
-      }),
-      voiceRecognizer: props.voiceRecognizer,
-      value,
-      disabled: props.disabled,
-      typing: props.typing,
-      isLoading,
-      fileUploadDone,
-      recording,
-      collapseSendActions,
-      allowEmptySubmit: props.allowEmptySubmit,
-      uploadImage,
-      onStartRecording: startRecording,
-      onStopRecording: stopRecording,
-      onSend: sendMessage,
-      onStop: () => {
-        var _a3;
-        setIsLoading(false);
-        (_a3 = props.onStop) == null ? void 0 : _a3.call(props);
-      },
-      actionsRender: props.actionsRender,
-      prefixCls: baseCls,
-      hashId,
-      hasTools: !!props.toolsRender,
-      onResize: setRightPadding
-    }
-  );
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(React.Fragment, null, isShowTopOperatingArea && /* @__PURE__ */ React.createElement("div", { className: classNames(`${baseCls}-top-area`, hashId) }, /* @__PURE__ */ React.createElement(
-      TopOperatingArea,
-      {
+    });
+    // 预计算：SendActions 节点，统一渲染，避免重复 JSX
+    var sendActionsNode = /*#__PURE__*/ React.createElement(SendActions, {
+        attachment: _object_spread_props(_object_spread({}, props.attachment), {
+            supportedFormat: supportedFormat,
+            fileMap: fileMap,
+            onFileMapChange: setFileMap,
+            upload: ((_props_attachment5 = props.attachment) === null || _props_attachment5 === void 0 ? void 0 : _props_attachment5.upload) ? function(file) {
+                return props.attachment.upload(file, 0);
+            } : undefined
+        }),
+        voiceRecognizer: props.voiceRecognizer,
+        value: value,
+        disabled: props.disabled,
+        typing: props.typing,
+        isLoading: isLoading,
+        fileUploadDone: fileUploadDone,
+        recording: recording,
+        collapseSendActions: collapseSendActions,
+        allowEmptySubmit: props.allowEmptySubmit,
+        uploadImage: uploadImage,
+        onStartRecording: startRecording,
+        onStopRecording: stopRecording,
+        onSend: sendMessage,
+        onStop: function() {
+            var _props_onStop;
+            setIsLoading(false);
+            (_props_onStop = props.onStop) === null || _props_onStop === void 0 ? void 0 : _props_onStop.call(props);
+        },
+        actionsRender: props.actionsRender,
+        prefixCls: baseCls,
+        hashId: hashId,
+        hasTools: !!props.toolsRender,
+        onResize: setRightPadding
+    });
+    var _props_enlargeable_height;
+    var _obj, _obj1;
+    return wrapSSR(/*#__PURE__*/ React.createElement(React.Fragment, null, isShowTopOperatingArea && /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(baseCls, "-top-area"), hashId)
+    }, /*#__PURE__*/ React.createElement(TopOperatingArea, {
         targetRef: props.targetRef,
         operationBtnRender: props.operationBtnRender,
         isShowBackTo: props.isShowBackTo
-      }
-    )), beforeTools ? /* @__PURE__ */ React.createElement("div", { className: classNames(`${baseCls}-before-tools`, hashId) }, beforeTools) : null, /* @__PURE__ */ React.createElement(
-      Suggestion,
-      {
-        tagInputProps: __spreadValues({
-          enable: true,
-          type: "dropdown"
+    })), beforeTools ? /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(baseCls, "-before-tools"), hashId)
+    }, beforeTools) : null, /*#__PURE__*/ React.createElement(Suggestion, {
+        tagInputProps: _object_spread({
+            enable: true,
+            type: 'dropdown'
         }, tagInputProps)
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          ref: inputRef,
-          className: classNames(baseCls, hashId, props.className, {
-            [`${baseCls}-disabled`]: props.disabled,
-            [`${baseCls}-typing`]: false,
-            [`${baseCls}-loading`]: isLoading,
-            [`${baseCls}-is-multi-row`]: isMultiRowLayout,
-            [`${baseCls}-enlarged`]: isEnlarged
-          }),
-          style: __spreadProps(__spreadValues(__spreadValues({}, props.style), enlargedStyle), {
-            height: isEnlarged ? `${(_m = (_l = props.enlargeable) == null ? void 0 : _l.height) != null ? _m : 980}px` : `min(${collapsedHeightPx}px,100%)`,
+    }, /*#__PURE__*/ React.createElement("div", {
+        ref: inputRef,
+        className: classNames(baseCls, hashId, props.className, (_obj = {}, _define_property(_obj, "".concat(baseCls, "-disabled"), props.disabled), _define_property(_obj, "".concat(baseCls, "-typing"), false), _define_property(_obj, "".concat(baseCls, "-loading"), isLoading), _define_property(_obj, "".concat(baseCls, "-is-multi-row"), isMultiRowLayout), _define_property(_obj, "".concat(baseCls, "-enlarged"), isEnlarged), _obj)),
+        style: _object_spread_props(_object_spread({}, props.style, enlargedStyle), {
+            height: isEnlarged ? "".concat((_props_enlargeable_height = (_props_enlargeable1 = props.enlargeable) === null || _props_enlargeable1 === void 0 ? void 0 : _props_enlargeable1.height) !== null && _props_enlargeable_height !== void 0 ? _props_enlargeable_height : 980, "px") : "min(".concat(collapsedHeightPx, "px,100%)"),
             borderRadius: borderRadius || 16,
             minHeight: computedMinHeight,
-            cursor: isLoading || props.disabled ? "not-allowed" : "auto",
+            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
+            maxHeight: isEnlarged ? 'none' : "min(".concat(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: function() {
+            return setHover(true);
         },
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            style: {
-              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)
-          ))
-        ),
-        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) || ((_n = props.refinePrompt) == null ? void 0 : _n.enable) || ((_o = props.enlargeable) == 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
-      )
-    ))
-  );
-};
-export {
-  MarkdownInputField
+        onMouseLeave: function() {
+            return setHover(false);
+        },
+        onKeyDown: handleKeyDown
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            display: 'flex',
+            flexDirection: 'column',
+            borderTopLeftRadius: 'inherit',
+            borderTopRightRadius: 'inherit',
+            maxHeight: isEnlarged ? 'none' : function() {
+                var _props_style, _props_attachment;
+                var mh = (_props_style = props.style) === null || _props_style === void 0 ? void 0 : _props_style.maxHeight;
+                var base = typeof mh === 'number' ? mh : mh ? parseFloat(String(mh)) || 400 : 400;
+                var extra = ((_props_attachment = props.attachment) === null || _props_attachment === void 0 ? void 0 : _props_attachment.enable) ? 90 : 0;
+                return "min(".concat(base + extra, "px)");
+            }(),
+            height: isEnlarged ? '100%' : 'auto',
+            flex: 1
+        },
+        className: classNames("".concat(baseCls, "-editor"), hashId, (_obj1 = {}, _define_property(_obj1, "".concat(baseCls, "-editor-hover"), isHover), _define_property(_obj1, "".concat(baseCls, "-editor-disabled"), props.disabled), _obj1))
+    }, /*#__PURE__*/ React.createElement(SkillModeBar, {
+        skillMode: props.skillMode,
+        onSkillModeOpenChange: props.onSkillModeOpenChange
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(baseCls, "-editor-content"), hashId)
+    }, attachmentList, /*#__PURE__*/ React.createElement(BaseMarkdownEditor, _object_spread({
+        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: _object_spread({
+            enable: true,
+            type: 'dropdown'
+        }, tagInputProps),
+        initValue: props.value,
+        onChange: function(value) {
+            var _props_onChange;
+            setValue(value);
+            (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, value);
+        },
+        onFocus: function(value, schema, e) {
+            onFocus === null || onFocus === void 0 ? void 0 : onFocus(value, schema, e);
+            activeInput(true);
+        },
+        onBlur: function(value, schema, e) {
+            onBlur === null || onBlur === void 0 ? void 0 : onBlur(value, schema, e);
+            activeInput(false);
+        },
+        onPaste: function(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("".concat(baseCls, "-send-tools"), hashId)
+    }, props.toolsRender(_object_spread_props(_object_spread({
+        value: value,
+        fileMap: fileMap,
+        onFileMapChange: setFileMap
+    }, props), {
+        isHover: isHover,
+        isLoading: isLoading,
+        fileUploadStatus: fileUploadDone ? 'done' : 'uploading'
+    }))), sendActionsNode) : sendActionsNode, (props === null || props === void 0 ? void 0 : props.quickActionRender) || ((_props_refinePrompt1 = props.refinePrompt) === null || _props_refinePrompt1 === void 0 ? void 0 : _props_refinePrompt1.enable) || ((_props_enlargeable2 = props.enlargeable) === null || _props_enlargeable2 === void 0 ? void 0 : _props_enlargeable2.enable) ? /*#__PURE__*/ React.createElement(QuickActions, {
+        ref: quickActionsRef,
+        value: value,
+        fileMap: fileMap,
+        onFileMapChange: setFileMap,
+        isHover: isHover,
+        isLoading: isLoading,
+        disabled: props.disabled,
+        fileUploadStatus: fileUploadDone ? 'done' : 'uploading',
+        refinePrompt: props.refinePrompt,
+        editorRef: markdownEditorRef,
+        onValueChange: function(text) {
+            var _props_onChange;
+            setValue(text);
+            (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, text);
+        },
+        quickActionRender: props.quickActionRender,
+        prefixCls: baseCls,
+        hashId: hashId,
+        enlargeable: !!((_props_enlargeable3 = props.enlargeable) === null || _props_enlargeable3 === void 0 ? void 0 : _props_enlargeable3.enable),
+        isEnlarged: isEnlarged,
+        onEnlargeClick: handleEnlargeClick,
+        onResize: function(width, rightOffset) {
+            setTopRightPadding(width);
+            setQuickRightOffset(rightOffset);
+        }
+    }) : null))));
 };