@ant-design/agentic-ui 2.20.1 → 2.21.0

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

@@ -140,9 +140,7 @@ 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";
@@ -178,8 +176,8 @@ import useScrollShadow from "./useScrollShadow";
         "hashId",
         "children"
     ]);
-    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 _props_element_children__children, _props_element_children_, _props_element_children, _props_element, _props_element_otherProps, _props_element1, _props_element_children1, _props_element2;
+    var _useEditorStore = useEditorStore(), readonly = _useEditorStore.readonly, markdownContainerRef = _useEditorStore.markdownContainerRef;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var tablePath = useContext(TablePropsContext).tablePath;
     var baseCls = getPrefixCls('agentic-md-editor-content-table');
@@ -342,68 +340,6 @@ import useScrollShadow from "./useScrollShadow";
         scrollState,
         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, {
@@ -419,7 +355,6 @@ import useScrollShadow from "./useScrollShadow";
         style: _object_spread_props(_object_spread({}, boxShadowStyle), {
             position: 'relative'
         }),
-        "data-is-unclosed": isUnclosed,
         onDragStart: function(e) {
             // 阻止拖拽开始时的文字选择
             e.preventDefault();
@@ -428,12 +363,5 @@ import useScrollShadow from "./useScrollShadow";
             // 阻止双击选择文字
             e.preventDefault();
         }
-    }, isUnclosed && /*#__PURE__*/ React.createElement("div", {
-        style: {
-            position: 'absolute',
-            top: '8px',
-            right: '8px',
-            zIndex: 10
-        }
-    }, /*#__PURE__*/ React.createElement(Loading, null)), tableDom);
+    }, tableDom);
 };

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

@@ -304,7 +304,7 @@ export var MElement = /*#__PURE__*/ React.memo(MElementComponent, areElementProp
 };
 var MLeafComponent = function(props) {
     var _leaf_text, _leaf_text1, _leaf_text_replaceAll_replaceAll, _leaf_text_replaceAll, _leaf_text2, _props_fncProps, _props_leaf;
-    var _useEditorStore = useEditorStore(), markdownEditorRef = _useEditorStore.markdownEditorRef, markdownContainerRef = _useEditorStore.markdownContainerRef, readonly = _useEditorStore.readonly, setShowComment = _useEditorStore.setShowComment;
+    var _useEditorStore = useEditorStore(), markdownEditorRef = _useEditorStore.markdownEditorRef, markdownContainerRef = _useEditorStore.markdownContainerRef, setShowComment = _useEditorStore.setShowComment;
     var context = useContext(ConfigProvider.ConfigContext);
     var locale = useContext(I18nContext).locale;
     var mdEditorBaseClass = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-content');
@@ -407,37 +407,6 @@ var MLeafComponent = function(props) {
             }
         } catch (e) {}
     };
-    if ((leaf === null || leaf === void 0 ? void 0 : leaf.url) && readonly) {
-        var _props_leaf1, _props_leaf2;
-        var renderDom = /*#__PURE__*/ React.createElement("span", _object_spread({
-            "data-be": "link",
-            draggable: false,
-            onDragStart: dragStart,
-            "data-url": (leaf === null || leaf === void 0 ? void 0 : leaf.url) ? 'url' : undefined,
-            onClick: function(e) {
-                e.stopPropagation();
-                e.preventDefault();
-                if (e.metaKey || e.ctrlKey || readonly) {
-                    if (!(leaf === null || leaf === void 0 ? void 0 : leaf.url)) return;
-                    if (typeof window === 'undefined') return;
-                    window.open(leaf === null || leaf === void 0 ? void 0 : leaf.url);
-                } else if (e.detail === 2) {
-                    selectFormat();
-                }
-            },
-            id: leaf === null || leaf === void 0 ? void 0 : leaf.url,
-            "data-slate-inline": true
-        }, props.attributes), children);
-        if (!props.leaf.comment) return renderDom;
-        return /*#__PURE__*/ React.createElement(CommentView, {
-            id: "comment-".concat((_props_leaf1 = props.leaf) === null || _props_leaf1 === void 0 ? void 0 : _props_leaf1.id),
-            comment: props.comment,
-            hashId: props.hashId,
-            selection: leaf === null || leaf === void 0 ? void 0 : leaf.selection,
-            commentItem: ((_props_leaf2 = props.leaf) === null || _props_leaf2 === void 0 ? void 0 : _props_leaf2.comment) ? props.leaf.data : null,
-            setShowComment: setShowComment
-        }, renderDom);
-    }
     var _obj;
     var fncClassName = classNames(prefixClassName === null || prefixClassName === void 0 ? void 0 : prefixClassName.trim(), props.hashId, (_obj = {}, _define_property(_obj, "".concat(mdEditorBaseClass, "-fnc"), leaf.fnc), _define_property(_obj, "".concat(mdEditorBaseClass, "-fnd"), leaf.fnd), _define_property(_obj, "".concat(mdEditorBaseClass, "-comment"), leaf.comment), _obj));
     var dom = /*#__PURE__*/ React.createElement("span", _object_spread_props(_object_spread({}, props.attributes), {

package/dist/MarkdownEditor/editor/parser/parse/parseCode.d.ts

@@ -0,0 +1,32 @@
+export type CodeElement = {
+    type: string;
+    language?: string | null;
+    render?: boolean;
+    value: any;
+    isConfig?: boolean;
+    children: Array<{
+        text: string;
+    }>;
+    otherProps?: Record<string, any>;
+};
+export type LanguageHandler = (element: CodeElement, value: string) => CodeElement;
+/**
+ * 处理代码块节点
+ * @param currentElement - 当前处理的代码块元素，包含语言和内容
+ * @returns 返回格式化的代码块节点对象，根据语言类型进行特殊处理
+ */
+export declare const handleCode: (currentElement: any) => CodeElement;
+/**
+ * 处理YAML节点
+ * @param currentElement - 当前处理的YAML元素
+ * @returns 返回格式化的YAML代码块节点对象
+ */
+export declare const handleYaml: (currentElement: any) => {
+    type: string;
+    language: string;
+    value: any;
+    frontmatter: boolean;
+    children: {
+        text: any;
+    }[];
+};

package/dist/MarkdownEditor/editor/parser/parse/parseCode.js

@@ -0,0 +1,186 @@
+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 _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;
+}
+import json5 from "json5";
+import { isCodeBlockLikelyComplete } from "../../utils/findMatchingClose";
+import partialJsonParse from "../json-parse";
+// 代码块检测相关的常量
+var NOT_SPACE_START = /^\S*/;
+var ENDING_NEWLINE = /\n$/;
+/**
+ * 处理schema类型语言的辅助函数
+ */ var processSchemaLanguage = function(element, value) {
+    var json = [];
+    try {
+        json = json5.parse(value || '[]');
+    } catch (e) {
+        try {
+            json = partialJsonParse(value || '[]');
+        } catch (error) {
+            json = value;
+            console.error('parse schema error', error);
+        }
+    }
+    return _object_spread_props(_object_spread({}, element), {
+        type: 'apaasify',
+        value: json,
+        children: [
+            {
+                text: value
+            }
+        ]
+    });
+};
+/**
+ * 语言类型处理策略配置
+ */ var LANGUAGE_HANDLERS = {
+    mermaid: function(element) {
+        return _object_spread_props(_object_spread({}, element), {
+            type: 'mermaid'
+        });
+    },
+    schema: processSchemaLanguage,
+    apaasify: processSchemaLanguage,
+    apassify: processSchemaLanguage,
+    katex: function(element) {
+        return _object_spread_props(_object_spread({}, element), {
+            type: 'katex'
+        });
+    },
+    'agentar-card': processSchemaLanguage
+};
+/**
+ * 处理代码块节点
+ * @param currentElement - 当前处理的代码块元素，包含语言和内容
+ * @returns 返回格式化的代码块节点对象，根据语言类型进行特殊处理
+ */ export var handleCode = function(currentElement) {
+    var _match, _currentElement_otherProps, _currentElement_value_trim;
+    var rawValue = currentElement.value || '';
+    var langString = ((_match = (currentElement.lang || '').match(NOT_SPACE_START)) === null || _match === void 0 ? void 0 : _match[0]) || '';
+    var code = "".concat(rawValue.replace(ENDING_NEWLINE, ''), "\n");
+    // 检查代码块是否完整
+    // 如果是缩进代码块，认为是完整的（因为没有结束标记）
+    var isIndentedCode = currentElement.meta === 'indented';
+    // 使用更智能的方法判断代码块是否完整
+    var streamStatus = 'loading';
+    if (isIndentedCode) {
+        // 缩进代码块没有结束标记，认为是完整的
+        streamStatus = 'done';
+    } else {
+        // 对于围栏代码块，使用多种方法判断
+        var endsWithNewline = code.match(ENDING_NEWLINE);
+        // 如果代码以换行结尾，可能是完整的
+        if (endsWithNewline) {
+            // 进一步检查代码内容是否完整（特别是对于 Mermaid 等需要完整语法的情况）
+            var isLikelyComplete = isCodeBlockLikelyComplete(rawValue, currentElement.lang);
+            streamStatus = isLikelyComplete ? 'done' : 'loading';
+        } else {
+            // 没有换行结尾，肯定不完整
+            streamStatus = 'loading';
+        }
+    }
+    // 如果已经在 parseNodes 中设置了 finished（基于是否是最后一个节点），优先使用它
+    // 否则使用 streamStatus 判断
+    var finishValue = ((_currentElement_otherProps = currentElement.otherProps) === null || _currentElement_otherProps === void 0 ? void 0 : _currentElement_otherProps.finished) !== undefined ? currentElement.otherProps.finished : streamStatus === 'done';
+    var otherProps = _object_spread(_object_spread_props(_object_spread({}, currentElement.otherProps || {}), {
+        'data-block': 'true',
+        'data-state': streamStatus,
+        // 优先使用 parseNodes 中设置的 finish，否则使用 streamStatus 判断
+        finished: finishValue
+    }), langString ? {
+        'data-language': langString
+    } : {});
+    if (finishValue !== false) {
+        delete otherProps.finished;
+    }
+    var baseCodeElement = {
+        type: 'code',
+        language: currentElement.lang === 'apaasify' ? 'apaasify' : currentElement.lang,
+        render: currentElement.meta === 'render',
+        value: currentElement.value,
+        isConfig: currentElement === null || currentElement === void 0 ? void 0 : (_currentElement_value_trim = currentElement.value.trim()) === null || _currentElement_value_trim === void 0 ? void 0 : _currentElement_value_trim.startsWith('<!--'),
+        children: [
+            {
+                text: currentElement.value
+            }
+        ],
+        // 添加流式状态支持
+        otherProps: otherProps
+    };
+    var handler = LANGUAGE_HANDLERS[currentElement.lang];
+    var result = handler ? handler(baseCodeElement, currentElement.value) : baseCodeElement;
+    // 确保 otherProps 被保留
+    var resultWithProps = result;
+    if (baseCodeElement.otherProps && !resultWithProps.otherProps) {
+        resultWithProps.otherProps = baseCodeElement.otherProps;
+    } else if (baseCodeElement.otherProps && resultWithProps.otherProps) {
+        resultWithProps.otherProps = _object_spread({}, resultWithProps.otherProps, baseCodeElement.otherProps);
+    }
+    return resultWithProps;
+};
+/**
+ * 处理YAML节点
+ * @param currentElement - 当前处理的YAML元素
+ * @returns 返回格式化的YAML代码块节点对象
+ */ export var handleYaml = function(currentElement) {
+    return {
+        type: 'code',
+        language: 'yaml',
+        value: currentElement.value,
+        frontmatter: true,
+        children: [
+            {
+                text: currentElement.value
+            }
+        ]
+    };
+};

package/dist/MarkdownEditor/editor/parser/parse/parseTable.d.ts

@@ -0,0 +1,39 @@
+import type { RootContent, Table } from 'mdast';
+import { CardNode, Elements } from '../../../el';
+import { MarkdownEditorPlugin } from '../../../plugin';
+import type { ParserMarkdownToSlateNodeConfig } from '../parserMarkdownToSlateNode';
+export declare const MIN_TABLE_CELL_LENGTH = 5;
+export declare const tableRegex: RegExp;
+type AlignType = 'left' | 'center' | 'right' | null;
+/**
+ * 规范化字段名，统一处理转义字符
+ * 将 `index\_value` 转换为 `index_value`，确保字段名一致
+ * @param fieldName - 原始字段名
+ * @returns 规范化后的字段名
+ */
+export declare const normalizeFieldName: (fieldName: string) => string;
+/**
+ * 获取列对齐方式
+ */
+export declare const getColumnAlignment: (data: any[], columns: {
+    dataIndex: string;
+}[]) => AlignType[];
+/**
+ * 解析表格或图表
+ * @param table - 表格 AST 节点
+ * @param preNode - 前一个节点（可能包含配置信息）
+ * @param plugins - 插件数组
+ * @param parseNodes - 解析节点的函数，用于解析单元格内容
+ * @param parserConfig - 解析配置
+ * @returns 返回表格或图表节点
+ */
+export declare const parseTableOrChart: (table: Table & {
+    finished?: boolean;
+}, preNode: RootContent, plugins: MarkdownEditorPlugin[], parseNodes: (nodes: RootContent[], plugins: MarkdownEditorPlugin[], top?: boolean, parent?: RootContent, parserConfig?: ParserMarkdownToSlateNodeConfig) => (Elements | any)[], parserConfig?: ParserMarkdownToSlateNodeConfig) => CardNode | Elements;
+/**
+ * 预处理 Markdown 表格换行符
+ * @param markdown - 原始 Markdown 字符串
+ * @returns 处理后的 Markdown 字符串
+ */
+export declare const preprocessMarkdownTableNewlines: (markdown: string) => string;
+export {};