@ant-design/agentic-ui 2.29.7 → 2.29.8

package/dist/MarkdownEditor/editor/utils/editorUtils.js

@@ -369,7 +369,7 @@ export var EditorUtils = /*#__PURE__*/ function() {
                     if (nodeEntries.length > 0) {
                         var _nodeEntries_ = _sliced_to_array(nodeEntries[0], 2), selectNodes = _nodeEntries_[0], selectPath = _nodeEntries_[1];
                         // 处理列表转段落的特殊情况
-                        if (selectNodes.type === 'list') {
+                        if (selectNodes.type === 'list' || selectNodes.type === 'bulleted-list' || selectNodes.type === 'numbered-list') {
                             Transforms.removeNodes(editor, {
                                 at: selectPath,
                                 voids: true
@@ -417,7 +417,7 @@ export var EditorUtils = /*#__PURE__*/ function() {
                         item.children.forEach(function(child) {
                             if (child.type === 'paragraph') {
                                 paragraphNodes.push(child);
-                            } else if (child.type === 'list') {
+                            } else if (child.type === 'list' || child.type === 'bulleted-list' || child.type === 'numbered-list') {
                                 var _paragraphNodes;
                                 // 递归处理嵌套列表
                                 var nestedParagraphs = EditorUtils.listToParagraph(editor, child);

package/dist/MarkdownEditor/editor/utils/keyboard.js

@@ -219,11 +219,12 @@ function _ts_generator(thisArg, body) {
 import { message } from "antd";
 import copy from "copy-to-clipboard";
 import isHotkey from "is-hotkey";
-import { useCallback, useEffect, useMemo } from "react";
-import { Editor, Element, Node, Path, Range, Text, Transforms } from "slate";
+import { useEffect, useMemo } from "react";
+import { Editor, Element, Node, Path, Range, Transforms } from "slate";
 import { ReactEditor } from "slate-react";
+import { useRefFunction } from "../../../Hooks/useRefFunction";
 import { useSubject } from "../../hooks/subscribe";
-import { NativeTableEditor } from "../../utils/native-table";
+import { convertToParagraph, createList, decreaseHeadingLevel, increaseHeadingLevel, insertCodeBlock, insertHorizontalLine, insertTable as insertTableCommand, setHeading, toggleQuote } from "./editorCommands";
 import { EditorUtils } from "./editorUtils";
 export var KeyboardTask = /*#__PURE__*/ function() {
     "use strict";
@@ -525,23 +526,11 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    * @param level 标题级别（1-3）或4（表示普通段落）
    */ key: "head",
             value: function head(level) {
-                var _node_;
-                var _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
                 if (level === 4) {
                     this.paragraph();
                     return;
                 }
-                if (node && [
-                    'paragraph',
-                    'head'
-                ].includes(node === null || node === void 0 ? void 0 : (_node_ = node[0]) === null || _node_ === void 0 ? void 0 : _node_.type) && EditorUtils.isTop(this.editor, node[1])) {
-                    Transforms.setNodes(this.editor, {
-                        type: 'head',
-                        level: level
-                    }, {
-                        at: node[1]
-                    });
-                }
+                setHeading(this.editor, level);
             }
         },
         {
@@ -551,17 +540,7 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    * 如果当前节点是标题类型，将其转换为普通段落
    */ key: "paragraph",
             value: function paragraph() {
-                var _node_;
-                var _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
-                if (node && [
-                    'head'
-                ].includes(node === null || node === void 0 ? void 0 : (_node_ = node[0]) === null || _node_ === void 0 ? void 0 : _node_.type)) {
-                    Transforms.setNodes(this.editor, {
-                        type: 'paragraph'
-                    }, {
-                        at: node[1]
-                    });
-                }
+                convertToParagraph(this.editor);
             }
         },
         {
@@ -573,34 +552,7 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    * 或将其他级别标题升级一级（数字变小）
    */ key: "increaseHead",
             value: function increaseHead() {
-                var _node_;
-                var _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
-                if (node && [
-                    'paragraph',
-                    'head'
-                ].includes(node === null || node === void 0 ? void 0 : (_node_ = node[0]) === null || _node_ === void 0 ? void 0 : _node_.type) && EditorUtils.isTop(this.editor, node[1])) {
-                    var _node_1;
-                    if ((node === null || node === void 0 ? void 0 : (_node_1 = node[0]) === null || _node_1 === void 0 ? void 0 : _node_1.type) === 'paragraph') {
-                        Transforms.setNodes(this.editor, {
-                            type: 'head',
-                            level: 4
-                        }, {
-                            at: node[1]
-                        });
-                    } else if (node[0].level === 1) {
-                        Transforms.setNodes(this.editor, {
-                            type: 'paragraph'
-                        }, {
-                            at: node[1]
-                        });
-                    } else {
-                        Transforms.setNodes(this.editor, {
-                            level: node[0].level - 1
-                        }, {
-                            at: node[1]
-                        });
-                    }
-                }
+                increaseHeadingLevel(this.editor);
             }
         },
         {
@@ -612,34 +564,7 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    * 或将其他级别标题降级一级（数字变大）
    */ key: "decreaseHead",
             value: function decreaseHead() {
-                var _node_;
-                var _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
-                if (node && [
-                    'paragraph',
-                    'head'
-                ].includes(node === null || node === void 0 ? void 0 : (_node_ = node[0]) === null || _node_ === void 0 ? void 0 : _node_.type) && EditorUtils.isTop(this.editor, node[1])) {
-                    var _node_1;
-                    if ((node === null || node === void 0 ? void 0 : (_node_1 = node[0]) === null || _node_1 === void 0 ? void 0 : _node_1.type) === 'paragraph') {
-                        Transforms.setNodes(this.editor, {
-                            type: 'head',
-                            level: 1
-                        }, {
-                            at: node[1]
-                        });
-                    } else if (node[0].level === 4) {
-                        Transforms.setNodes(this.editor, {
-                            type: 'paragraph'
-                        }, {
-                            at: node[1]
-                        });
-                    } else {
-                        Transforms.setNodes(this.editor, {
-                            level: node[0].level + 1
-                        }, {
-                            at: node[1]
-                        });
-                    }
-                }
+                decreaseHeadingLevel(this.editor);
             }
         },
         {
@@ -651,29 +576,8 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    * 如果当前节点是标题，先将其转换为普通段落。
    */ key: "insertQuote",
             value: function insertQuote() {
-                var _node_, _node_1;
                 var _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
-                if (![
-                    'paragraph',
-                    'head'
-                ].includes(node === null || node === void 0 ? void 0 : (_node_ = node[0]) === null || _node_ === void 0 ? void 0 : _node_.type)) return;
-                if (Node.parent(this.editor, node[1]).type === 'blockquote') {
-                    Transforms.unwrapNodes(this.editor, {
-                        at: Path.parent(node[1])
-                    });
-                    return;
-                }
-                if ((node === null || node === void 0 ? void 0 : (_node_1 = node[0]) === null || _node_1 === void 0 ? void 0 : _node_1.type) === 'head') {
-                    Transforms.setNodes(this.editor, {
-                        type: 'paragraph'
-                    }, {
-                        at: node[1]
-                    });
-                }
-                Transforms.wrapNodes(this.editor, {
-                    type: 'blockquote',
-                    children: []
-                });
+                toggleQuote(this.editor, node);
             }
         },
         {
@@ -685,38 +589,8 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    * 决定在何处插入表格及如何处理现有内容。
    */ key: "insertTable",
             value: function insertTable() {
-                var _node_, _node_1;
                 var _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
-                if (node && [
-                    'paragraph',
-                    'head'
-                ].includes(node === null || node === void 0 ? void 0 : (_node_ = node[0]) === null || _node_ === void 0 ? void 0 : _node_.type)) {
-                    var _node_2, _node_3;
-                    var path = (node === null || node === void 0 ? void 0 : (_node_2 = node[0]) === null || _node_2 === void 0 ? void 0 : _node_2.type) === 'paragraph' && !Node.string(node[0]) ? node[1] : Path.next(node[1]);
-                    // 使用原生表格编辑器插入表格
-                    NativeTableEditor.insertTable(this.editor, {
-                        rows: 3,
-                        cols: 3,
-                        at: path
-                    });
-                    if ((node === null || node === void 0 ? void 0 : (_node_3 = node[0]) === null || _node_3 === void 0 ? void 0 : _node_3.type) === 'paragraph' && !Node.string(node[0])) {
-                        Transforms.delete(this.editor, {
-                            at: Path.next(path)
-                        });
-                    }
-                    Transforms.select(this.editor, Editor.start(this.editor, path));
-                }
-                if (node && [
-                    'column-cell'
-                ].includes(node === null || node === void 0 ? void 0 : (_node_1 = node[0]) === null || _node_1 === void 0 ? void 0 : _node_1.type)) {
-                    NativeTableEditor.insertTable(this.editor, {
-                        rows: 3,
-                        cols: 3,
-                        at: _to_consumable_array(node[1]).concat([
-                            0
-                        ])
-                    });
-                }
+                insertTableCommand(this.editor, node);
             }
         },
         {
@@ -735,29 +609,7 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    */ key: "insertCode",
             value: function insertCode(type) {
                 var _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
-                if (node && node[0] && [
-                    'paragraph',
-                    'head'
-                ].includes(node[0].type)) {
-                    var path = node[0].type === 'paragraph' && !Node.string(node[0]) ? node[1] : Path.next(node[1]);
-                    var lang = '';
-                    if (type === 'mermaid') {
-                        lang = 'mermaid';
-                    }
-                    Transforms.insertNodes(this.editor, {
-                        type: 'code',
-                        language: lang ? lang : undefined,
-                        children: [
-                            {
-                                text: "flowchart TD\n    Start --> Stop"
-                            }
-                        ],
-                        render: type === 'html' ? true : undefined
-                    }, {
-                        at: path
-                    });
-                    Transforms.select(this.editor, Editor.end(this.editor, path));
-                }
+                insertCodeBlock(this.editor, type, node);
             }
         },
         {
@@ -768,40 +620,8 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    * 如果分割线后没有内容，则自动插入一个空段落并将光标定位到该段落。
    */ key: "horizontalLine",
             value: function horizontalLine() {
-                var _node_;
                 var _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
-                if (node && [
-                    'paragraph',
-                    'head'
-                ].includes(node === null || node === void 0 ? void 0 : (_node_ = node[0]) === null || _node_ === void 0 ? void 0 : _node_.type)) {
-                    var _node_1;
-                    var path = (node === null || node === void 0 ? void 0 : (_node_1 = node[0]) === null || _node_1 === void 0 ? void 0 : _node_1.type) === 'paragraph' && !Node.string(node[0]) ? node[1] : Path.next(node[1]);
-                    Transforms.insertNodes(this.editor, {
-                        type: 'hr',
-                        children: [
-                            {
-                                text: ''
-                            }
-                        ]
-                    }, {
-                        at: path
-                    });
-                    if (Editor.hasPath(this.editor, Path.next(path))) {
-                        Transforms.select(this.editor, Editor.start(this.editor, Path.next(path)));
-                    } else {
-                        Transforms.insertNodes(this.editor, {
-                            type: 'paragraph',
-                            children: [
-                                {
-                                    text: ''
-                                }
-                            ]
-                        }, {
-                            at: Path.next(path),
-                            select: true
-                        });
-                    }
-                }
+                insertHorizontalLine(this.editor, node);
             }
         },
         {
@@ -814,203 +634,7 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    * @param mode 列表类型 'ordered'(有序列表), 'unordered'(无序列表), 'task'(任务列表)
    */ key: "list",
             value: function list(mode) {
-                var _this_curNodes = _sliced_to_array(this.curNodes, 1), curNode = _this_curNodes[0];
-                if (curNode && [
-                    'paragraph',
-                    'head'
-                ].includes(curNode[0].type)) {
-                    var parent = Editor.parent(this.editor, curNode[1]);
-                    if (parent[0].type === 'list-item' && !Path.hasPrevious(curNode[1])) {
-                        Transforms.setNodes(this.editor, {
-                            order: mode === 'ordered',
-                            task: mode === 'task'
-                        }, {
-                            at: Path.parent(parent[1])
-                        });
-                        var listItems = Array.from(Editor.nodes(this.editor, {
-                            match: function(n) {
-                                return n.type === 'list-item';
-                            },
-                            at: Path.parent(parent[1]),
-                            reverse: true,
-                            mode: 'lowest'
-                        }));
-                        Transforms.setNodes(this.editor, {
-                            start: undefined
-                        }, {
-                            at: Path.parent(parent[1])
-                        });
-                        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-                        try {
-                            for(var _iterator = listItems[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                                var l = _step.value;
-                                Transforms.setNodes(this.editor, {
-                                    checked: mode === 'task' ? l[0].checked || false : undefined
-                                }, {
-                                    at: l[1]
-                                });
-                            }
-                        } catch (err) {
-                            _didIteratorError = true;
-                            _iteratorError = err;
-                        } finally{
-                            try {
-                                if (!_iteratorNormalCompletion && _iterator.return != null) {
-                                    _iterator.return();
-                                }
-                            } finally{
-                                if (_didIteratorError) {
-                                    throw _iteratorError;
-                                }
-                            }
-                        }
-                    } else {
-                        var childrenList = [];
-                        var selection = this.editor.selection;
-                        if (!selection || Range.isCollapsed(selection)) {
-                            // 如果没有选区或选区已折叠，使用当前节点
-                            var textNodes = curNode[0].type === 'paragraph' ? curNode[0].children : [
-                                {
-                                    text: Node.string(curNode[0])
-                                }
-                            ];
-                            var item = {
-                                type: 'list-item',
-                                checked: mode === 'task' ? false : undefined,
-                                children: [
-                                    {
-                                        type: 'paragraph',
-                                        children: textNodes
-                                    }
-                                ]
-                            };
-                            childrenList.push(item);
-                            // 删除原节点
-                            Transforms.delete(this.editor, {
-                                at: curNode[1]
-                            });
-                        } else {
-                            // 有选区时，获取选区内的所有节点
-                            var selectedNodes = Array.from(Editor.nodes(this.editor, {
-                                at: selection,
-                                match: function(n) {
-                                    return Element.isElement(n) && [
-                                        'paragraph',
-                                        'head'
-                                    ].includes(n.type);
-                                }
-                            }));
-                            if (selectedNodes.length === 0) {
-                                // 如果没有选中块级元素，尝试选中文本节点
-                                var textNodes1 = Array.from(Editor.nodes(this.editor, {
-                                    at: selection,
-                                    match: function(n) {
-                                        return Text.isText(n);
-                                    }
-                                }));
-                                if (textNodes1.length > 0) {
-                                    // 获取文本节点的父节点
-                                    var parentPath = Path.parent(textNodes1[0][1]);
-                                    var _Editor_node = _sliced_to_array(Editor.node(this.editor, parentPath), 1), parentNode = _Editor_node[0];
-                                    if (Element.isElement(parentNode) && [
-                                        'paragraph',
-                                        'head'
-                                    ].includes(parentNode.type)) {
-                                        selectedNodes.push([
-                                            parentNode,
-                                            parentPath
-                                        ]);
-                                    }
-                                }
-                            }
-                            var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
-                            try {
-                                // 处理选中的节点
-                                for(var _iterator1 = selectedNodes[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
-                                    var _step_value = _sliced_to_array(_step1.value, 2), node = _step_value[0], path = _step_value[1];
-                                    // 检查节点是否完全被选中
-                                    var nodeRange = Editor.range(this.editor, path);
-                                    var isFullySelected = Range.equals(selection, nodeRange) || Range.includes(selection, nodeRange) && Range.includes(nodeRange, selection);
-                                    if (isFullySelected) {
-                                        // 完全选中的节点，直接删除并转换为列表项
-                                        var textNodes2 = node.type === 'paragraph' ? node.children : [
-                                            {
-                                                text: Node.string(node)
-                                            }
-                                        ];
-                                        var item1 = {
-                                            type: 'list-item',
-                                            checked: mode === 'task' ? false : undefined,
-                                            children: [
-                                                {
-                                                    type: 'paragraph',
-                                                    children: textNodes2
-                                                }
-                                            ]
-                                        };
-                                        childrenList.push(item1);
-                                        Transforms.delete(this.editor, {
-                                            at: path
-                                        });
-                                    } else {
-                                        // 部分选中的节点，使用选区内容创建列表项
-                                        var selectedText = Editor.string(this.editor, selection);
-                                        if (selectedText.trim()) {
-                                            var item2 = {
-                                                type: 'list-item',
-                                                checked: mode === 'task' ? false : undefined,
-                                                children: [
-                                                    {
-                                                        type: 'paragraph',
-                                                        children: [
-                                                            {
-                                                                text: selectedText
-                                                            }
-                                                        ]
-                                                    }
-                                                ]
-                                            };
-                                            childrenList.push(item2);
-                                            // 删除选中的内容
-                                            Transforms.delete(this.editor, {
-                                                at: selection
-                                            });
-                                        }
-                                    }
-                                }
-                            } catch (err) {
-                                _didIteratorError1 = true;
-                                _iteratorError1 = err;
-                            } finally{
-                                try {
-                                    if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
-                                        _iterator1.return();
-                                    }
-                                } finally{
-                                    if (_didIteratorError1) {
-                                        throw _iteratorError1;
-                                    }
-                                }
-                            }
-                        }
-                        Transforms.insertNodes(this.editor, {
-                            type: 'list',
-                            order: mode === 'ordered',
-                            task: mode === 'task',
-                            children: childrenList
-                        }, {
-                            at: this.editor.selection || curNode[1],
-                            select: true
-                        });
-                    }
-                } else if (curNode && curNode[0].type === 'list-item') {
-                    Transforms.setNodes(this.editor, {
-                        order: mode === 'ordered',
-                        task: mode === 'task'
-                    }, {
-                        at: curNode[1]
-                    });
-                }
+                createList(this.editor, mode);
             }
         },
         {
@@ -1248,7 +872,7 @@ export var useSystemKeyboard = function(keyTask$, store, props, markdownContaine
         (_task = task)[key].apply(_task, _to_consumable_array(args || []));
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    var keydown = useCallback(function(e) {
+    var keydown = useRefFunction(function(e) {
         if (!store) return;
         if (isHotkey('mod+c', e) || isHotkey('mod+x', e)) {
             var _node_, _node_1, _node_2;
@@ -1339,7 +963,7 @@ export var useSystemKeyboard = function(keyTask$, store, props, markdownContaine
                 }
             }
         }
-    }, []);
+    });
     useEffect(function() {
         var _markdownContainerRef_current;
         if (props.readonly) return;

package/dist/MarkdownEditor/el.d.ts

@@ -73,17 +73,24 @@ export type BlockQuoteNode<T = Record<string, any>> = {
     type: 'blockquote';
     children: (BlockQuoteNode | ParagraphNode)[];
 };
-export type ListNode<T = Record<string, any>> = {
+export type BulletedListNode<T = Record<string, any>> = {
     contextProps?: T;
     otherProps?: T;
-    type: 'list';
+    type: 'bulleted-list';
     children: ListItemNode[];
-    order?: boolean;
-    start?: number;
     task?: boolean;
     finished?: boolean;
     h?: number;
 };
+export type NumberedListNode<T = Record<string, any>> = {
+    contextProps?: T;
+    otherProps?: T;
+    type: 'numbered-list';
+    children: ListItemNode[];
+    start?: number;
+    h?: number;
+};
+export type ListNode<T = Record<string, any>> = BulletedListNode<T> | NumberedListNode<T>;
 export type ChartTypeConfig<T = Record<string, any>> = {
     contextProps?: T;
     otherProps?: T;
@@ -202,7 +209,7 @@ export type SchemaNode<T = Record<string, any>> = {
 };
 export type Elements<T = Record<string, any>> = CodeNode<T> | FootnoteDefinitionNode<T> | SchemaNode<{
     valueType: string;
-} & T> | ParagraphNode<T> | BlockQuoteNode<T> | ListNode<T> | ListItemNode<T> | HeadNode<T> | HrNode<T> | MediaNode<T> | BreakNode<T> | ChartNode<T> | AttachNode<T> | LinkCardNode<T> | CardNode | CardBeforeNode | CardAfterNode | TableCustomElement;
+} & T> | ParagraphNode<T> | BlockQuoteNode<T> | BulletedListNode<T> | NumberedListNode<T> | ListNode<T> | ListItemNode<T> | HeadNode<T> | HrNode<T> | MediaNode<T> | BreakNode<T> | ChartNode<T> | AttachNode<T> | LinkCardNode<T> | CardNode | CardBeforeNode | CardAfterNode | TableCustomElement;
 export type CustomLeaf<T = Record<string, any>> = {
     contextProps?: T;
     otherProps?: T;

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -134,7 +134,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
-import React, { memo, useContext, useMemo, useState } from "react";
+import React, { memo, useContext, useState } from "react";
 import { BaseMarkdownEditor } from "../MarkdownEditor";
 import { BorderBeamAnimation } from "./BorderBeamAnimation";
 import { useFileUploadManager } from "./FileUploadManager";
@@ -202,7 +202,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
         "isShowTopOperatingArea"
     ]);
     var _ref;
-    var _props_style, _props_attachment, _props_enlargeable, _props_refinePrompt, _props_enlargeable1, _props_enlargeable2;
+    var _props_skillMode, _props_enlargeable, _props_refinePrompt, _props_enlargeable1, _props_enlargeable2;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var baseCls = getPrefixCls('agentic-md-input-field');
     var _useStyle = useStyle(baseCls, props.disableHoverAnimation), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
@@ -325,21 +325,6 @@ import { useVoiceInputManager } from "./VoiceInputManager";
         baseCls: baseCls,
         hashId: hashId
     });
-    // 计算编辑器容器的 maxHeight（用于内部样式）
-    var editorMaxHeight = useMemo(function() {
-        var _props_maxHeight;
-        var _props_style, _props_attachment;
-        if (isEnlarged) return 'none';
-        var maxHeightValue = (_props_maxHeight = props.maxHeight) !== null && _props_maxHeight !== void 0 ? _props_maxHeight : (_props_style = props.style) === null || _props_style === void 0 ? void 0 : _props_style.maxHeight;
-        var base = typeof maxHeightValue === 'number' ? maxHeightValue : maxHeightValue ? parseFloat(String(maxHeightValue)) || 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)");
-    }, [
-        isEnlarged,
-        props.maxHeight,
-        (_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 _obj, _obj1;
     return wrapSSR(/*#__PURE__*/ React.createElement(React.Fragment, null, isShowTopOperatingArea && /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(baseCls, "-top-area"), hashId)
@@ -356,7 +341,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
         }, tagInputProps)
     }, /*#__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), _define_property(_obj, "".concat(baseCls, "-focused"), isFocused), _define_property(_obj, "".concat(baseCls, "-has-tools-wrapper"), !!props.toolsRender), _obj)),
+        className: classNames(baseCls, hashId, props.className, (_obj = {}, _define_property(_obj, "".concat(baseCls, "-disabled"), props.disabled), _define_property(_obj, "".concat(baseCls, "-skill-mode"), (_props_skillMode = props.skillMode) === null || _props_skillMode === void 0 ? void 0 : _props_skillMode.open), _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), _define_property(_obj, "".concat(baseCls, "-focused"), isFocused), _define_property(_obj, "".concat(baseCls, "-has-tools-wrapper"), !!props.toolsRender), _obj)),
         style: _object_spread_props(_object_spread({}, props.style, enlargedStyle), {
             height: isEnlarged ? "".concat((_ref = (_props_enlargeable = props.enlargeable) === null || _props_enlargeable === void 0 ? void 0 : _props_enlargeable.height) !== null && _ref !== void 0 ? _ref : 980, "px") : "min(".concat(collapsedHeightPx, "px,100%)"),
             borderRadius: borderRadius || 12,
@@ -384,9 +369,9 @@ import { useVoiceInputManager } from "./VoiceInputManager";
             borderRadius: !!props.toolsRender ? 0 : 'inherit',
             borderTopLeftRadius: 'inherit',
             borderTopRightRadius: 'inherit',
-            maxHeight: editorMaxHeight,
             height: isEnlarged ? '100%' : 'auto',
-            flex: 1
+            flex: 1,
+            minHeight: 0
         },
         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, {
@@ -399,9 +384,9 @@ import { useVoiceInputManager } from "./VoiceInputManager";
         leafRender: props.leafRender,
         style: {
             width: '100%',
+            minHeight: 0,
             flex: 1,
-            padding: 0,
-            paddingRight: computedRightPadding
+            padding: 0
         },
         toolBar: {
             enable: false
@@ -411,7 +396,9 @@ import { useVoiceInputManager } from "./VoiceInputManager";
         },
         readonly: isLoading,
         contentStyle: {
-            padding: 'var(--padding-3x)'
+            alignItems: 'flex-start',
+            padding: 'var(--padding-3x)',
+            paddingRight: computedRightPadding || 'var(--padding-3x)'
         },
         textAreaProps: {
             enable: true,