@ant-design/agentic-ui 2.30.26 → 2.30.27

package/dist/MarkdownEditor/BaseMarkdownEditor.js

@@ -231,6 +231,8 @@ var I18nBoundary = function I18nBoundary(param) {
     // markdown 编辑器实例
     var markdownEditorRef = useRef(composeEditors(withMarkdown(withReact(withHistory(createEditor()))), props.plugins || []));
     var markdownContainerRef = useRef(null);
+    var pluginsForInitParseRef = useRef(props.plugins);
+    pluginsForInitParseRef.current = props.plugins;
     // 错误捕获
     useEffect(function() {
         withErrorReporting(markdownEditorRef.current);
@@ -282,7 +284,7 @@ var I18nBoundary = function I18nBoundary(param) {
    * 初始化 schema
    */ var initSchemaValue = useMemo(function() {
         // 安全地获取解析结果，确保 list 始终是数组
-        var parseResult = parserMdToSchema(initValue || '', props.plugins);
+        var parseResult = parserMdToSchema(initValue || '', pluginsForInitParseRef.current || []);
         var list = (parseResult === null || parseResult === void 0 ? void 0 : parseResult.schema) || [];
         // 非只读时保证末尾有可编辑块：解析结果常已含空段落（如空 initValue），
         // 再追加会导致 Slate 根下两个空段，Paragraph 的占位符依赖 children.length===1 而失效
@@ -296,7 +298,7 @@ var I18nBoundary = function I18nBoundary(param) {
             EditorUtils.p
         ])));
         // 过滤掉无效的空节点
-        return schema === null || schema === void 0 ? void 0 : schema.filter(function(item) {
+        var filtered = (schema === null || schema === void 0 ? void 0 : schema.filter(function(item) {
             if (item.type === 'paragraph' && item.children.length === 0) {
                 return false;
             }
@@ -310,8 +312,13 @@ var I18nBoundary = function I18nBoundary(param) {
                 return false;
             }
             return true;
-        });
-    }, []);
+        })) || [];
+        return EditorUtils.coalesceRootAllEmptyParagraphs(filtered);
+    }, [
+        initValue,
+        props.readonly,
+        props.initSchemaValue
+    ]);
     // 初始化实例
     var instance = useMemo(function() {
         return {
@@ -347,6 +354,12 @@ var I18nBoundary = function I18nBoundary(param) {
     var _useState2 = _sliced_to_array(useState([]), 2), showCommentList = _useState2[0], setShowComment = _useState2[1];
     // schema 数据
     var _useState3 = _sliced_to_array(useState(initSchemaValue), 2), schema = _useState3[0], setSchema = _useState3[1];
+    // initSchemaValue 随 initValue / initSchemaValue prop 变化时同步到 state，供 Toc 等与编辑器树一致
+    useEffect(function() {
+        setSchema(initSchemaValue);
+    }, [
+        initSchemaValue
+    ]);
     var _useState4 = _sliced_to_array(useState(false), 2), openInsertCompletion = _useState4[0], setOpenInsertCompletion = _useState4[1];
     var _useState5 = _sliced_to_array(useState(false), 2), refreshFloatBar = _useState5[0], setRefreshFloatBar = _useState5[1];
     var insertCompletionText$ = useMemo(function() {

package/dist/MarkdownEditor/editor/elements/Paragraph/ReadonlyParagraph.d.ts

@@ -8,7 +8,7 @@ import { ElementProps, ParagraphNode } from '../../../el';
  *
  * @component
  * @description 只读段落预览组件，用于预览模式下的段落渲染
- * @param {ElementProps<ParagraphNode>} props - 组件属性
+ * @param {ElementProps<ParagraphNode>} props - 段落组件属性
  * @param {ParagraphNode} props.element - 段落节点元素
  * @param {React.ReactNode} props.children - 子组件内容
  * @param {Object} props.attributes - 元素属性
@@ -23,7 +23,7 @@ import { ElementProps, ParagraphNode } from '../../../el';
  * </ReadonlyParagraph>
  * ```
  *
- * @returns {React.ReactElement} 渲染的只读段落组件
+ * @returns {React.ReactElement}
  *
  * @remarks
  * - 移除拖拽手柄（DragHandle）

package/dist/MarkdownEditor/editor/elements/Paragraph/ReadonlyParagraph.js

@@ -52,7 +52,6 @@ function _object_spread_props(target, source) {
 }
 import classNames from "clsx";
 import React from "react";
-import { Element, Node } from "slate";
 /**
  * ReadonlyParagraph 组件 - 只读段落预览组件
  *
@@ -61,7 +60,7 @@ import { Element, Node } from "slate";
  *
  * @component
  * @description 只读段落预览组件，用于预览模式下的段落渲染
- * @param {ElementProps<ParagraphNode>} props - 组件属性
+ * @param {ElementProps<ParagraphNode>} props - 段落组件属性
  * @param {ParagraphNode} props.element - 段落节点元素
  * @param {React.ReactNode} props.children - 子组件内容
  * @param {Object} props.attributes - 元素属性
@@ -76,7 +75,7 @@ import { Element, Node } from "slate";
  * </ReadonlyParagraph>
  * ```
  *
- * @returns {React.ReactElement} 渲染的只读段落组件
+ * @returns {React.ReactElement}
  *
  * @remarks
  * - 移除拖拽手柄（DragHandle）
@@ -87,17 +86,12 @@ import { Element, Node } from "slate";
  */ export var ReadonlyParagraph = /*#__PURE__*/ React.memo(function(props) {
     var _props_element_align;
     var _props_element_otherProps;
-    var str = Node.string(props.element).trim();
     var align = (_props_element_align = props.element.align) !== null && _props_element_align !== void 0 ? _props_element_align : (_props_element_otherProps = props.element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.align;
-    var hasNestedElement = props.element.children.some(function(child) {
-        return Element.isElement(child);
-    });
     return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, props.attributes), {
         "data-be": 'paragraph',
         className: classNames({}),
         "data-align": align,
         style: {
-            display: str || hasNestedElement ? undefined : 'none',
             textAlign: align
         }
     }), props.children);

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

@@ -97,12 +97,13 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import classNames from "clsx";
-import React, { useContext } from "react";
-import { Element, Node } from "slate";
+import React, { useContext, useEffect, useState } from "react";
+import { Node } from "slate";
 import { I18nContext } from "../../../../I18n";
 import { debugInfo } from "../../../../Utils/debugUtils";
 import { useSelStatus } from "../../../hooks/editor";
 import { useEditorStore } from "../../store";
+import { DragHandle } from "../../tools/DragHandle";
 export var Paragraph = function Paragraph(props) {
     var _props_element_align;
     var _props_element_otherProps, _markdownEditorRef_current;
@@ -114,6 +115,25 @@ export var Paragraph = function Paragraph(props) {
     var _useEditorStore = useEditorStore(), store = _useEditorStore.store, markdownEditorRef = _useEditorStore.markdownEditorRef, markdownContainerRef = _useEditorStore.markdownContainerRef, readonly = _useEditorStore.readonly, editorProps = _useEditorStore.editorProps;
     var locale = useContext(I18nContext).locale;
     var _useSelStatus = _sliced_to_array(useSelStatus(props.element), 1), selected = _useSelStatus[0];
+    var _useState = _sliced_to_array(useState(false), 2), isComposing = _useState[0], setIsComposing = _useState[1];
+    useEffect(function() {
+        var container = markdownContainerRef.current;
+        if (!container) return;
+        var observer = new MutationObserver(function() {
+            setIsComposing(container.hasAttribute('data-composition'));
+        });
+        observer.observe(container, {
+            attributes: true,
+            attributeFilter: [
+                'data-composition'
+            ]
+        });
+        return function() {
+            return observer.disconnect();
+        };
+    }, [
+        markdownContainerRef
+    ]);
     return React.useMemo(function() {
         var _props_element_children_every, _props_element_children, _props_element, _markdownEditorRef_current;
         var str = Node.string(props.element).trim();
@@ -123,17 +143,10 @@ export var Paragraph = function Paragraph(props) {
             readonly: readonly,
             align: align
         });
-        // 检查是否为空：trim 后的字符串为空（包括只包含空格的情况），且所有子节点都是纯文本节点（没有 type、code、tag）
-        // 当只输入空格时，trim() 后为空字符串，应该显示 placeholder
         var hasOnlyTextNodes = (_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_children = _props_element.children) === null || _props_element_children === void 0 ? void 0 : (_props_element_children_every = _props_element_children.every) === null || _props_element_children_every === void 0 ? void 0 : _props_element_children_every.call(_props_element_children, function(child) {
             return !child.type && !child.code && !child.tag;
         });
-        var hasNestedElement = props.element.children.some(function(child) {
-            return Element.isElement(child);
-        });
-        // 组合输入进行中时，Slate 模型尚未更新（字符还在 IME 候选区），
-        // 此时强制视为非空以隐藏占位符，避免用户输入时占位符仍然可见。
-        var isEmpty = !str && ((_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : _markdownEditorRef_current.children.length) === 1 && hasOnlyTextNodes ? true : undefined;
+        var isEmpty = !str && !isComposing && ((_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : _markdownEditorRef_current.children.length) === 1 && hasOnlyTextNodes ? true : undefined;
         return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, props.attributes), {
             "data-be": 'paragraph',
             "data-drag-el": true,
@@ -147,16 +160,14 @@ export var Paragraph = function Paragraph(props) {
             },
             "data-empty": isEmpty,
             style: {
-                display: str || hasNestedElement ? undefined : 'none',
                 textAlign: align
             }
-        }), props.children);
+        }), /*#__PURE__*/ React.createElement(DragHandle, null), props.children);
     }, [
-        props.element,
         props.element.children,
         align,
-        readonly,
         selected,
+        isComposing,
         (_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : _markdownEditorRef_current.children.length,
         editorProps.titlePlaceholderContent
     ]);

package/dist/MarkdownEditor/editor/plugins/withSanitizeInvalidChildren.js

@@ -323,6 +323,17 @@ var repairBrokenChildArrays = function repairBrokenChildArrays(editor) {
                 normalizeNode(entry);
                 return;
             }
+            // 清空后 Slate 规范化可能再插一个空段，根上出现多个仅空文本的 paragraph；
+            // 与 replaceEditorContent 已插入的一块叠成双 DOM（见 debug H6）。
+            var validTop = childList.filter(isValidChild);
+            if (validTop.length > 1) {
+                var collapsed = EditorUtils.coalesceRootAllEmptyParagraphs(validTop);
+                if (collapsed.length < validTop.length) {
+                    EditorUtils.replaceEditorContent(editor, collapsed);
+                    normalizeNode(entry);
+                    return;
+                }
+            }
             normalizeNode(entry);
             return;
         }

package/dist/MarkdownEditor/editor/store.d.ts

@@ -670,9 +670,6 @@ export declare class EditorStore {
             end: number;
         };
         lineContent: string;
-        /**
-         * 更新结构不同的表格
-         */
         nodeType?: string | undefined;
         searchVariant?: string | undefined;
         isLink?: boolean | undefined;

package/dist/MarkdownEditor/editor/utils/editorUtils.d.ts

@@ -11,6 +11,12 @@ export declare class EditorUtils {
             readonly text: "";
         }];
     };
+    /**
+     * 当根节点全部为「仅空白」的段落时，合并为单个空段。
+     * 避免解析 `\\n\\n` 或外部 schema 产生多个空段，导致 Slate/占位与双 DOM。
+     * 仅一个根块时原样返回，以保留单空段上的 align 等段落级字段。
+     */
+    static coalesceRootAllEmptyParagraphs(nodes: Node[]): Node[];
     /**
      * 通过 Slate Transforms API 安全替换编辑器全部内容。
      * 避免直接赋值 editor.children，确保 Operation/History/Normalizer 管线正常运行。

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

@@ -157,6 +157,32 @@ export var EditorUtils = /*#__PURE__*/ function() {
                 };
             }
         },
+        {
+            key: "coalesceRootAllEmptyParagraphs",
+            value: /**
+   * 当根节点全部为「仅空白」的段落时，合并为单个空段。
+   * 避免解析 `\\n\\n` 或外部 schema 产生多个空段，导致 Slate/占位与双 DOM。
+   * 仅一个根块时原样返回，以保留单空段上的 align 等段落级字段。
+   */ function coalesceRootAllEmptyParagraphs(nodes) {
+                if (!(nodes === null || nodes === void 0 ? void 0 : nodes.length)) {
+                    return [
+                        JSON.parse(JSON.stringify(EditorUtils.p))
+                    ];
+                }
+                if (nodes.length === 1) {
+                    return nodes;
+                }
+                var onlyEmptyParagraphs = nodes.every(function(n) {
+                    return Element.isElement(n) && n.type === 'paragraph' && Node.string(n).trim() === '';
+                });
+                if (onlyEmptyParagraphs) {
+                    return [
+                        JSON.parse(JSON.stringify(EditorUtils.p))
+                    ];
+                }
+                return nodes;
+            }
+        },
         {
             key: "replaceEditorContent",
             value: /**
@@ -169,6 +195,7 @@ export var EditorUtils = /*#__PURE__*/ function() {
    */ function replaceEditorContent(editor, nodes, options) {
                 var _ref = options || {}, _ref_withoutHistory = _ref.withoutHistory, withoutHistory = _ref_withoutHistory === void 0 ? true : _ref_withoutHistory;
                 var doReplace = function doReplace() {
+                    var normalized = EditorUtils.coalesceRootAllEmptyParagraphs(nodes);
                     Editor.withoutNormalizing(editor, function() {
                         if (editor.selection) {
                             Transforms.deselect(editor);
@@ -181,7 +208,7 @@ export var EditorUtils = /*#__PURE__*/ function() {
                                 ]
                             });
                         }
-                        Transforms.insertNodes(editor, nodes, {
+                        Transforms.insertNodes(editor, normalized, {
                             at: [
                                 0
                             ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.30.26",
+  "version": "2.30.27",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -25,7 +25,6 @@
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "playwright:install": "playwright install --with-deps chromium",
     "prepare": "husky install && dumi setup",
-    "prepublishOnly": "npm run build",
     "prettier": "prettier --write \"{src,docs,test}/**/*.{js,jsx,ts,tsx,css,less,json,md}\"",
     "preview": "pnpm dumi preview",
     "report:demo": "node scripts/generateDemoReport.js",