@ant-design/agentic-ui 2.14.1 → 2.16.1

package/dist/MarkdownEditor/editor/elements/Table/SimpleTable.js

@@ -54,6 +54,7 @@ import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import React, { useContext, useMemo } from "react";
 import { ReactEditor, useSlate } from "slate-react";
+import { Loading } from "../../../../Components/Loading";
 import { useTableStyle } from "./style";
 import { SlateTable } from "./Table";
 import { TablePropsProvider } from "./TableContext";
@@ -61,6 +62,7 @@ import { TablePropsProvider } from "./TableContext";
  * 简单表格组件 - 仅支持只读显示
  * 用于替代复杂的 Handsontable 实现，提供基础的表格功能
  */ export var SimpleTable = function(props) {
+    var _props_element_otherProps, _props_element;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var baseCls = getPrefixCls('agentic-md-editor-content-table');
     var editor = useSlate();
@@ -70,14 +72,27 @@ import { TablePropsProvider } from "./TableContext";
     }, [
         props.element
     ]);
+    // 检查表格是否未闭合
+    var isUnclosed = ((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.finish) === false;
     return wrapSSR(/*#__PURE__*/ React.createElement(TablePropsProvider, {
         tablePath: tablePath,
         tableNode: props.element
     }, /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, props.attributes), {
         "data-be": 'table',
+        "data-is-unclosed": isUnclosed,
         draggable: false,
-        className: classNames("".concat(baseCls, "-container"), hashId)
-    }), /*#__PURE__*/ React.createElement(SlateTable, _object_spread_props(_object_spread({}, props), {
+        className: classNames("".concat(baseCls, "-container"), hashId),
+        style: {
+            position: 'relative'
+        }
+    }), isUnclosed && /*#__PURE__*/ React.createElement("div", {
+        style: {
+            position: 'absolute',
+            top: '8px',
+            right: '8px',
+            zIndex: 10
+        }
+    }, /*#__PURE__*/ React.createElement(Loading, null)), /*#__PURE__*/ React.createElement(SlateTable, _object_spread_props(_object_spread({}, props), {
         hashId: hashId
     }), props.children))));
 };

package/dist/MarkdownEditor/editor/elements/Table/Table.js

@@ -9,6 +9,19 @@ function _array_with_holes(arr) {
 function _array_without_holes(arr) {
     if (Array.isArray(arr)) return _array_like_to_array(arr);
 }
+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(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
@@ -42,6 +55,45 @@ function _non_iterable_rest() {
 function _non_iterable_spread() {
     throw new TypeError("Invalid attempt to spread 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);
@@ -88,6 +140,9 @@ import classNames from "classnames";
 import React, { useContext, useEffect, useMemo, useRef } from "react";
 import { Node } from "slate";
 import stringWidth from "string-width";
+import { Loading } from "../../../../Components/Loading";
+import { MOBILE_BREAKPOINT, MOBILE_TABLE_MIN_COLUMN_WIDTH } from "../../../../Constants/mobile";
+import { useMEditor } from "../../../hooks/editor";
 import { useEditorStore } from "../../store";
 import { ReadonlyTableComponent } from "./ReadonlyTableComponent";
 import { TablePropsContext } from "./TableContext";
@@ -123,17 +178,19 @@ import useScrollShadow from "./useScrollShadow";
         "hashId",
         "children"
     ]);
-    var _props_element_otherProps, _props_element, _props_element_children, _props_element1, _props_element_children__children, _props_element_children_, _props_element_children1, _props_element2;
-    var _useEditorStore = useEditorStore(), readonly = _useEditorStore.readonly, markdownContainerRef = _useEditorStore.markdownContainerRef;
+    var _props_element_children__children, _props_element_children_, _props_element_children, _props_element, _props_element_otherProps, _props_element1, _props_element_children1, _props_element2, _props_element_otherProps1, _props_element3;
+    var _useEditorStore = useEditorStore(), readonly = _useEditorStore.readonly, markdownContainerRef = _useEditorStore.markdownContainerRef, store = _useEditorStore.store;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var tablePath = useContext(TablePropsContext).tablePath;
     var baseCls = getPrefixCls('agentic-md-editor-content-table');
     var tableTargetRef = useRef(null);
+    var columnCount = ((_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_ = _props_element_children[0]) === null || _props_element_children_ === void 0 ? void 0 : (_props_element_children__children = _props_element_children_.children) === null || _props_element_children__children === void 0 ? void 0 : _props_element_children__children.length) || 0;
+    var mobileBreakpointValue = parseInt(MOBILE_BREAKPOINT, 10) || 768;
     // 总是调用 hooks，避免条件调用
     var _useScrollShadow = _sliced_to_array(useScrollShadow(), 2), tableRef = _useScrollShadow[0], scrollState = _useScrollShadow[1];
     // 只在编辑模式下进行复杂的列宽计算
     var colWidths = useMemo(function() {
-        var _props_element_otherProps, _props_element, _props_element_children, _props_element1, _tableRows__children, _tableRows_, _markdownContainerRef_current_querySelector, _markdownContainerRef_current, _tableRows__children1, _tableRows_1;
+        var _props_element_otherProps, _props_element, _props_element_children, _props_element1, _tableRows__children, _tableRows_, _markdownContainerRef_current_querySelector, _markdownContainerRef_current;
         // readonly 模式下使用简化计算
         if (readonly) {
             var _props_element2, _props_element_children__children, _props_element_children_, _props_element_children1, _props_element3;
@@ -141,9 +198,9 @@ import useScrollShadow from "./useScrollShadow";
             if (otherProps === null || otherProps === void 0 ? void 0 : otherProps.colWidths) {
                 return otherProps.colWidths;
             }
-            var columnCount = ((_props_element3 = props.element) === null || _props_element3 === void 0 ? void 0 : (_props_element_children1 = _props_element3.children) === null || _props_element_children1 === void 0 ? void 0 : (_props_element_children_ = _props_element_children1[0]) === null || _props_element_children_ === void 0 ? void 0 : (_props_element_children__children = _props_element_children_.children) === null || _props_element_children__children === void 0 ? void 0 : _props_element_children__children.length) || 0;
-            if (columnCount === 0) return [];
-            return Array(columnCount).fill(120); // 固定宽度
+            var columnCount1 = ((_props_element3 = props.element) === null || _props_element3 === void 0 ? void 0 : (_props_element_children1 = _props_element3.children) === null || _props_element_children1 === void 0 ? void 0 : (_props_element_children_ = _props_element_children1[0]) === null || _props_element_children_ === void 0 ? void 0 : (_props_element_children__children = _props_element_children_.children) === null || _props_element_children__children === void 0 ? void 0 : _props_element_children__children.length) || 0;
+            if (columnCount1 === 0) return [];
+            return Array(columnCount1).fill(80); // 固定宽度
         }
         // 如果在props中存在，直接使用以避免计算
         if ((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.colWidths) {
@@ -155,13 +212,13 @@ import useScrollShadow from "./useScrollShadow";
         if (!(tableRows === null || tableRows === void 0 ? void 0 : (_tableRows_ = tableRows[0]) === null || _tableRows_ === void 0 ? void 0 : (_tableRows__children = _tableRows_.children) === null || _tableRows__children === void 0 ? void 0 : _tableRows__children.length)) return [];
         // 只获取一次容器宽度
         var containerWidth = ((markdownContainerRef === null || markdownContainerRef === void 0 ? void 0 : (_markdownContainerRef_current = markdownContainerRef.current) === null || _markdownContainerRef_current === void 0 ? void 0 : (_markdownContainerRef_current_querySelector = _markdownContainerRef_current.querySelector('.ant-agentic-md-editor-content')) === null || _markdownContainerRef_current_querySelector === void 0 ? void 0 : _markdownContainerRef_current_querySelector.clientWidth) || 400) - 32 - 12;
-        var maxColumnWidth = containerWidth / 4;
-        var minColumnWidth = 60;
-        var columnCount1 = (tableRows === null || tableRows === void 0 ? void 0 : (_tableRows_1 = tableRows[0]) === null || _tableRows_1 === void 0 ? void 0 : (_tableRows__children1 = _tableRows_1.children) === null || _tableRows__children1 === void 0 ? void 0 : _tableRows__children1.length) || 0;
+        var isMobileLayout = containerWidth <= mobileBreakpointValue;
+        var minColumnWidth = isMobileLayout ? MOBILE_TABLE_MIN_COLUMN_WIDTH : 60;
+        var maxColumnWidth = isMobileLayout ? containerWidth : containerWidth / 4;
         var rowsToSample = Math.min(5, tableRows.length);
         // 一次性计算宽度
         var calculatedWidths = Array.from({
-            length: columnCount1
+            length: columnCount
         }, function(_, colIndex) {
             var _Math;
             var cellWidths = [];
@@ -178,21 +235,21 @@ import useScrollShadow from "./useScrollShadow";
             ].concat(_to_consumable_array(cellWidths))), maxColumnWidth);
         });
         // 如果表格少于5行且总宽度超过容器宽度，则均匀分配宽度
-        if (tableRows.length < 5) {
+        if (tableRows.length < 5 && columnCount > 0) {
             var totalWidth = calculatedWidths.reduce(function(sum, width) {
                 return sum + width;
             }, 0);
             if (totalWidth > containerWidth) {
-                var evenWidth = Math.max(minColumnWidth, Math.floor(containerWidth / columnCount1));
-                return Array(columnCount1).fill(evenWidth);
+                var evenWidth = Math.max(minColumnWidth, Math.floor(containerWidth / columnCount));
+                return Array(columnCount).fill(evenWidth);
             }
         }
         return calculatedWidths;
     }, [
         readonly,
-        (_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.colWidths,
-        (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : (_props_element_children = _props_element1.children) === null || _props_element_children === void 0 ? void 0 : _props_element_children.length,
-        (_props_element2 = props.element) === null || _props_element2 === void 0 ? void 0 : (_props_element_children1 = _props_element2.children) === null || _props_element_children1 === void 0 ? void 0 : (_props_element_children_ = _props_element_children1[0]) === null || _props_element_children_ === void 0 ? void 0 : (_props_element_children__children = _props_element_children_.children) === null || _props_element_children__children === void 0 ? void 0 : _props_element_children__children.length,
+        (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : (_props_element_otherProps = _props_element1.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.colWidths,
+        (_props_element2 = props.element) === null || _props_element2 === void 0 ? void 0 : (_props_element_children1 = _props_element2.children) === null || _props_element_children1 === void 0 ? void 0 : _props_element_children1.length,
+        columnCount,
         markdownContainerRef
     ]);
     // 只在编辑模式下添加resize事件监听
@@ -208,7 +265,13 @@ import useScrollShadow from "./useScrollShadow";
             var dom = tableRef.current;
             if (dom) {
                 setTimeout(function() {
-                    dom.style.minWidth = "min(".concat(((minWidth || 200) * 0.95).toFixed(0), "px,").concat(maxWidth || minWidth || 'xxx', "px,200px)");
+                    var _markdownContainerRef_current_querySelector, _markdownContainerRef_current;
+                    var containerWidthForBreakpoint = ((markdownContainerRef === null || markdownContainerRef === void 0 ? void 0 : (_markdownContainerRef_current = markdownContainerRef.current) === null || _markdownContainerRef_current === void 0 ? void 0 : (_markdownContainerRef_current_querySelector = _markdownContainerRef_current.querySelector('.ant-agentic-md-editor-content')) === null || _markdownContainerRef_current_querySelector === void 0 ? void 0 : _markdownContainerRef_current_querySelector.clientWidth) || 400) - 32 - 12;
+                    var isMobileLayout = containerWidthForBreakpoint <= mobileBreakpointValue;
+                    var computedMinColumnWidth = isMobileLayout ? MOBILE_TABLE_MIN_COLUMN_WIDTH : 60;
+                    var fallbackMinWidth = Number(((minWidth || 200) * 0.95).toFixed(0));
+                    var requiredMinWidth = Math.max(columnCount * computedMinColumnWidth, maxWidth, fallbackMinWidth, 200);
+                    dom.style.minWidth = "".concat(requiredMinWidth, "px");
                 }, 200);
             }
         };
@@ -279,7 +342,69 @@ import useScrollShadow from "./useScrollShadow";
         scrollState,
         readonly
     ]);
-    // readonly 模式渲染 - 使用优化的组件
+    // 检查表格是否未闭合
+    var isUnclosed = ((_props_element3 = props.element) === null || _props_element3 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element3.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.finish) === false;
+    // 获取编辑器更新函数 - 必须在早期返回之前调用 hooks
+    var _useMEditor = _sliced_to_array(useMEditor(props.element), 2), update = _useMEditor[1];
+    // 判断是否是最后一个节点 - 必须在早期返回之前调用 hooks
+    var isLastNode = useMemo(function() {
+        try {
+            return store.isLatestNode(props.element);
+        } catch (e) {
+            return false;
+        }
+    }, [
+        store,
+        props.element
+    ]);
+    // 如果不是最后一个节点，且未闭合，立即设置为完成 - 必须在早期返回之前调用 hooks
+    useEffect(function() {
+        if (isUnclosed && !readonly && !isLastNode) {
+            var _props_element_otherProps, _props_element;
+            // 检查 finish 是否仍然是 false（可能已经被其他逻辑更新）
+            if (((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.finish) === false) {
+                var _props_element1;
+                update({
+                    otherProps: _object_spread_props(_object_spread({}, (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : _props_element1.otherProps), {
+                        finish: true
+                    })
+                }, props.element);
+            }
+        }
+    }, [
+        isUnclosed,
+        readonly,
+        isLastNode,
+        props.element,
+        update
+    ]);
+    // 5 秒超时机制：如果是最后一个节点且未闭合，5 秒后自动设置为完成 - 必须在早期返回之前调用 hooks
+    useEffect(function() {
+        if (isUnclosed && !readonly && isLastNode) {
+            var timer = setTimeout(function() {
+                var _props_element_otherProps, _props_element;
+                // 检查 finish 是否仍然是 false（可能已经被其他逻辑更新）
+                if (((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.finish) === false) {
+                    var _props_element1;
+                    update({
+                        otherProps: _object_spread_props(_object_spread({}, (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : _props_element1.otherProps), {
+                            finish: true
+                        })
+                    }, props.element);
+                }
+            }, 5000); // 5 秒超时
+            return function() {
+                clearTimeout(timer);
+            };
+        }
+    }, [
+        isUnclosed,
+        readonly,
+        isLastNode,
+        props.element,
+        update
+    ]);
+    // readonly 模式渲染 - 使用优化的组件（早期返回）
     if (readonly) {
         return /*#__PURE__*/ React.createElement(ReadonlyTableComponent, {
             hashId: hashId,
@@ -291,7 +416,10 @@ import useScrollShadow from "./useScrollShadow";
     return /*#__PURE__*/ React.createElement("div", {
         className: classNames(baseCls, hashId),
         ref: tableRef,
-        style: boxShadowStyle,
+        style: _object_spread_props(_object_spread({}, boxShadowStyle), {
+            position: 'relative'
+        }),
+        "data-is-unclosed": isUnclosed,
         onDragStart: function(e) {
             // 阻止拖拽开始时的文字选择
             e.preventDefault();
@@ -300,5 +428,12 @@ import useScrollShadow from "./useScrollShadow";
             // 阻止双击选择文字
             e.preventDefault();
         }
-    }, tableDom);
+    }, isUnclosed && /*#__PURE__*/ React.createElement("div", {
+        style: {
+            position: 'absolute',
+            top: '8px',
+            right: '8px',
+            zIndex: 10
+        }
+    }, /*#__PURE__*/ React.createElement(Loading, null)), tableDom);
 };

package/dist/MarkdownEditor/editor/elements/Table/Td/style.js

@@ -50,9 +50,10 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
+import { MOBILE_BREAKPOINT } from "../../../../../Constants/mobile";
 import { resetComponent, useEditorStyleRegister } from "../../../../../Hooks/useStyle";
 var genStyle = function(token) {
-    return _define_property({}, token.componentCls, {
+    return _define_property({}, token.componentCls, _define_property({
         padding: '8px',
         verticalAlign: 'middle',
         wordWrap: 'break-word',
@@ -71,7 +72,9 @@ var genStyle = function(token) {
             pointerEvents: 'none',
             backgroundColor: 'var(--color-primary-control-fill-secondary-hover)'
         }
-    });
+    }, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
+        padding: '2px'
+    }));
 };
 /**
  * Td 样式 hook

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

@@ -199,14 +199,12 @@ export var tableRenderElement = function(props, config) {
         case 'header-cell':
             return /*#__PURE__*/ React.createElement(ThWrapper, _object_spread({
                 style: {
-                    padding: '8px',
                     verticalAlign: 'middle'
                 }
             }, props));
         case 'table-cell':
             return /*#__PURE__*/ React.createElement(TdWrapper, _object_spread({
                 style: {
-                    padding: '8px',
                     verticalAlign: 'middle'
                 }
             }, props));

package/dist/MarkdownEditor/editor/elements/Table/style.js

@@ -50,10 +50,13 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
+import { MOBILE_BREAKPOINT, MOBILE_PADDING } from "../../../../Constants/mobile";
 import { resetComponent, useEditorStyleRegister } from "../../../../Hooks/useStyle";
 var genStyle = function(token) {
     var _obj;
     return _define_property({}, token.componentCls, {
+        width: '100%',
+        overflow: 'auto',
         '--table-border-radius': '8px',
         '--table-border-color': '#E7E9E8',
         '--table-header-bg': '#f7f7f9',
@@ -94,7 +97,6 @@ var genStyle = function(token) {
         table: (_obj = {
             borderCollapse: 'separate',
             borderSpacing: 0,
-            display: 'block',
             width: '100%',
             tableLayout: 'fixed',
             margin: '16px 0',
@@ -123,13 +125,6 @@ var genStyle = function(token) {
             'tr:not(.config-tr):last-child td:last-child:not(.config-td):not([colspan]):not([rowspan]), tr:not(.config-tr):last-child th:last-child:not(.config-td):not([colspan]):not([rowspan])': {
                 borderBottomRightRadius: 'unset'
             }
-        }), // 表格主体和表头使用 table 布局
-        _define_property(_obj, 'tbody, thead', {
-            display: 'table',
-            width: '100%',
-            tableLayout: 'fixed',
-            position: 'relative',
-            background: 'inherit'
         }), _define_property(_obj, 'th.config-th,td.config-td', {
             borderBottom: '1px solid var(--table-border-color)',
             borderLeft: '1px solid var(--table-border-color)'
@@ -226,6 +221,10 @@ var genStyle = function(token) {
         _define_property(_obj, 'th:not(.config-td)[rowspan]:first-child:last-child, td:not(.config-td)[rowspan]:first-child:last-child', {
             borderTopLeftRadius: 'var(--table-border-radius)',
             borderBottomLeftRadius: 'var(--table-border-radius)'
+        }), _define_property(_obj, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
+            'th:not(.config-td), td:not(.config-td)': {
+                padding: "".concat(MOBILE_PADDING)
+            }
         }), _obj),
         'table.htCore': {
             boxSizing: 'content-box',

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

@@ -314,12 +314,12 @@ var initializeAutoOpen = function(autoOpen, type, setOpen, suggestionConnext) {
 var handleMouseEnter = function(domRef) {
     var target = domRef.current;
     if (!target) return;
-    target.classList.remove('no-focus');
+    target.removeAttribute('data-no-focus');
 };
 var handleMouseLeave = function(domRef) {
     var target = domRef.current;
     if (!target) return;
-    target.classList.add('no-focus');
+    target.setAttribute('data-no-focus', '');
 };
 var createDefaultDom = function(domRef, baseCls, hashId, loading, selectedItems, children, text, placeholder, isOpen) {
     var isEmpty = !(text === null || text === void 0 ? void 0 : text.trim());
@@ -327,7 +327,9 @@ var createDefaultDom = function(domRef, baseCls, hashId, loading, selectedItems,
     var _obj;
     return /*#__PURE__*/ React.createElement("div", {
         ref: domRef,
-        className: classNames("".concat(baseCls, "-tag-popup-input"), 'no-focus', hashId, (_obj = {
+        "data-tag-popup-input": true,
+        "data-no-focus": true,
+        className: classNames("".concat(baseCls, "-tag-popup-input"), hashId, (_obj = {
             empty: isEmpty
         }, _define_property(_obj, "".concat(baseCls, "-tag-popup-input-loading"), loading), _define_property(_obj, "".concat(baseCls, "-tag-popup-input-has-arrow"), hasItems), _obj)),
         onMouseEnter: function() {

package/dist/MarkdownEditor/editor/elements/TagPopup/style.js

@@ -62,8 +62,8 @@ var genStyle = function(token) {
         color: 'var(--color-primary-text-secondary)',
         borderRadius: 'var(--radius-control-sm)',
         background: 'var(--color-primary-bg-tip)',
-        '&-tag-popup-input': {
-            '&:not(.tag-popup-input-composition).empty::before': {
+        '[data-tag-popup-input]': {
+            '&:not([data-composition]).empty::before': {
                 color: 'var(--color-primary-text-disabled)',
                 content: 'attr(title)',
                 userSelect: 'none',

package/dist/MarkdownEditor/editor/parser/parserMarkdownToSlateNode.d.ts

@@ -5,17 +5,116 @@
 import { Elements } from '../../el';
 import { MarkdownEditorPlugin } from '../../plugin';
 export declare const decodeURIComponentUrl: (url: string) => string;
+/**
+ * 解析Markdown字符串的配置选项
+ */
+export interface ParserMarkdownToSlateNodeConfig {
+    /** 是否在新标签页打开链接 */
+    openLinksInNewTab?: boolean;
+    /** 自定义段落标签（在 Slate 中可能不适用，保留用于兼容性） */
+    paragraphTag?: string;
+    /** 是否正在输入中（打字机模式） */
+    typing?: boolean;
+}
+/**
+ * Markdown 到 Slate 节点解析器类
+ *
+ * 将 Markdown 字符串解析为 Slate 编辑器节点，支持配置选项和插件。
+ * 使用类形式可以避免在函数调用链中传递配置参数和插件。
+ */
+export declare class MarkdownToSlateParser {
+    private readonly config;
+    private readonly plugins;
+    constructor(config?: ParserMarkdownToSlateNodeConfig, plugins?: MarkdownEditorPlugin[]);
+    /**
+     * 解析 Markdown 字符串并返回解析后的结构和链接信息
+     *
+     * @param md - 要解析的 Markdown 字符串
+     * @returns 一个包含解析后的元素数组和链接信息的对象
+     */
+    parse(md: string): {
+        schema: Elements[];
+        links: {
+            path: number[];
+            target: string;
+        }[];
+    };
+    /**
+     * 解析 Markdown AST 节点为 Slate 节点（类方法版本）
+     * - 当有插件时，优先使用插件处理
+     * - 插件未处理时，使用默认处理逻辑
+     */
+    private parseNodes;
+    /**
+     * 处理单个元素（类方法版本）
+     */
+    private handleSingleElement;
+    /**
+     * 处理标题节点（类方法版本）
+     */
+    private handleHeading;
+    /**
+     * 处理列表节点（类方法版本）
+     */
+    private handleList;
+    /**
+     * 处理脚注定义节点（类方法版本）
+     */
+    private handleFootnoteDefinition;
+    /**
+     * 处理列表项节点（类方法版本）
+     */
+    private handleListItem;
+    /**
+     * 处理段落子节点（类方法版本）
+     */
+    private processParagraphChildren;
+    /**
+     * 处理段落节点（类方法版本）
+     */
+    private handleParagraph;
+    /**
+     * 处理引用块节点（类方法版本）
+     */
+    private handleBlockquote;
+    /**
+     * 处理文本和内联元素节点（类方法版本）
+     */
+    private handleTextAndInlineElements;
+    /**
+     * 应用内联格式到叶子节点（类方法版本）
+     */
+    private applyInlineFormatting;
+    /**
+     * 解析表格或图表（类方法版本）
+     */
+    private parseTableOrChart;
+}
 /**
  * 解析Markdown字符串并返回解析后的结构和链接信息。
  *
  * @param md - 要解析的Markdown字符串。
  * @param plugins - 可选的Markdown编辑器插件数组，用于扩展解析功能。
+ * @param config - 可选的解析配置选项。
  * @returns 一个包含解析后的元素数组和链接信息的对象。
  *
  * @property schema - 解析后的元素数组。
  * @property links - 包含路径和目标链接的对象数组。
+ *
+ * @example
+ * ```typescript
+ * // 使用函数形式（向后兼容）
+ * const result = parserMarkdownToSlateNode(markdown, plugins, { openLinksInNewTab: true });
+ *
+ * // 使用类形式（推荐，避免配置传递问题）
+ * const parser = new MarkdownToSlateParser(
+ *   { openLinksInNewTab: true },
+ *   plugins
+ * );
+ * const result = parser.parse(markdown);
+ * ```
  */
-export declare const parserMarkdownToSlateNode: (md: string, plugins?: MarkdownEditorPlugin[]) => {
+export declare const parserMarkdownToSlateNode: (md: string, plugins?: MarkdownEditorPlugin[], config?: ParserMarkdownToSlateNodeConfig) => {
     schema: Elements[];
     links: {
         path: number[];