@ant-design/agentic-ui 2.20.2 → 2.21.0

package/dist/MarkdownEditor/editor/parser/parserSlateNodeToMarkdown.js

@@ -336,6 +336,7 @@ var inlineNode = new Set([
             var configProps = _object_spread({}, node.otherProps);
             delete configProps['columns'];
             delete configProps['dataSource'];
+            delete configProps['finished'];
             if (node.type === 'link-card') {
                 configProps.type = 'card';
                 configProps.url = encodeURI(node === null || node === void 0 ? void 0 : node.url);
@@ -356,9 +357,20 @@ var inlineNode = new Set([
                 }
             });
             // 只有当 configProps 不为空对象时才生成注释
-            if (Object.keys(configProps).length > 0) {
-                var propsToSerialize = node.type === 'chart' && configProps.config ? configProps.config : configProps;
-                str += "<!--".concat(JSON.stringify(propsToSerialize), "-->\n");
+            // 检查 configProps 是否为空对象（删除 finished 后可能变成空对象）
+            var hasValidProps = Object.keys(configProps).length > 0;
+            if (hasValidProps) {
+                var nodeConfig = node.type === 'chart' && configProps.config ? configProps.config : configProps;
+                // 过滤掉 undefined 值，但保留 false 值
+                var propsToSerialize = Object.keys(nodeConfig).reduce(function(acc, key) {
+                    if (nodeConfig[key] !== undefined) {
+                        acc[key] = nodeConfig[key];
+                    }
+                    return acc;
+                }, {});
+                if (propsToSerialize && (typeof propsToSerialize === "undefined" ? "undefined" : _type_of(propsToSerialize)) === 'object' && !Array.isArray(propsToSerialize) && Object.keys(propsToSerialize).length > 0) {
+                    str += "<!--".concat(JSON.stringify(propsToSerialize), "-->\n");
+                }
             }
         }
         var p = parent.at(-1) || {};

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

@@ -1,3 +1,13 @@
+/**
+ * 将段落节点转换为相应的节点类型（根据内容开头字符）
+ * - ! 开头 → image
+ * - | 开头 → table
+ * - [ 开头 → link
+ *
+ * @returns {(tree: any) => void}
+ *   Transformer function.
+ */
+export declare function convertParagraphToImage(): (tree: any) => void;
 /**
  * Plugin to fix bold text containing special characters like **$9.698M**, **57%**, etc.
  *
@@ -5,5 +15,5 @@
  *   Transformer function.
  */
 export declare function fixStrongWithSpecialChars(): (tree: any) => void;
-declare const markdownParser: import("unified").Processor<import("mdast").Root, import("hast").Root, import("hast").Root, import("mdast").Root, string>;
+declare const markdownParser: import("unified").Processor<import("mdast").Root, undefined, undefined, import("mdast").Root, string>;
 export default markdownParser;

package/dist/MarkdownEditor/editor/parser/remarkParse.js

@@ -23,16 +23,122 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-import rehypeKatex from "rehype-katex";
-import rehypeRaw from "rehype-raw";
 import remarkFrontmatter from "remark-frontmatter";
 import remarkGfm from "remark-gfm";
 import remarkHtml from "remark-html";
 import remarkMath from "remark-math";
 import remarkParse from "remark-parse";
-import remarkRehype from "remark-rehype";
 import { unified } from "unified";
 import { visit } from "unist-util-visit";
+/**
+ * 提取段落节点的文本内容
+ * @param paragraphNode - 段落节点
+ * @returns 文本内容字符串
+ */ function extractParagraphText(paragraphNode) {
+    if (!paragraphNode.children || !Array.isArray(paragraphNode.children)) {
+        return '';
+    }
+    return paragraphNode.children.map(function(child) {
+        if (child.type === 'text') {
+            return child.value || '';
+        }
+        // 处理嵌套节点（如 strong, emphasis 等）
+        if (child.children && Array.isArray(child.children)) {
+            return child.children.map(function(grandChild) {
+                return grandChild.type === 'text' ? grandChild.value || '' : '';
+            }).join('');
+        }
+        return '';
+    }).join('').trim();
+}
+/**
+ * 将段落节点转换为相应的节点类型（根据内容开头字符）
+ * - ! 开头 → image
+ * - | 开头 → table
+ * - [ 开头 → link
+ *
+ * @returns {(tree: any) => void}
+ *   Transformer function.
+ */ export function convertParagraphToImage() {
+    return function(tree) {
+        // 使用 visit 访问 paragraph 节点，并通过 index 和 parent 来替换
+        visit(tree, 'paragraph', function(paragraphNode, index, parent) {
+            var textContent = extractParagraphText(paragraphNode);
+            if (!textContent) {
+                return;
+            }
+            // 检查是否以 ! 开头（图片）
+            if (textContent.startsWith('!')) {
+                // 提取 URL（去掉开头的 !）
+                var imageUrl = textContent.slice(1).trim();
+                // 如果 URL 不为空，则创建 image 节点并替换
+                if (imageUrl) {
+                    var imageNode = {
+                        type: 'image',
+                        url: imageUrl,
+                        finished: false,
+                        alt: ''
+                    };
+                    // 替换父节点中的 paragraph 节点为 image 节点
+                    if (parent && Array.isArray(parent.children) && typeof index === 'number') {
+                        parent.children[index] = imageNode;
+                    }
+                }
+                return;
+            }
+            // 检查是否以 | 开头（表格）
+            if (textContent.startsWith('|')) {
+                // 创建不完整的表格节点
+                var tableNode = {
+                    type: 'table',
+                    finished: false,
+                    align: [],
+                    children: [
+                        {
+                            type: 'tableRow',
+                            children: [
+                                {
+                                    type: 'tableCell',
+                                    children: [
+                                        {
+                                            type: 'paragraph',
+                                            children: [
+                                                {
+                                                    type: 'text',
+                                                    value: textContent
+                                                }
+                                            ]
+                                        }
+                                    ]
+                                }
+                            ]
+                        }
+                    ]
+                };
+                // 替换父节点中的 paragraph 节点为 table 节点
+                if (parent && Array.isArray(parent.children) && typeof index === 'number') {
+                    parent.children[index] = tableNode;
+                }
+                return;
+            }
+            // 检查是否以 [ 开头（链接）
+            if (textContent.startsWith('[')) {
+                // 创建不完整的链接节点
+                var linkNode = {
+                    type: 'link',
+                    url: '',
+                    finished: false,
+                    children: paragraphNode.children
+                };
+                // 替换父节点中的 paragraph 节点为 link 节点
+                if (parent && Array.isArray(parent.children) && typeof index === 'number') {
+                    parent.children[index] = linkNode;
+                }
+                return;
+            }
+        });
+    };
+}
 /**
  * Plugin to fix bold text containing special characters like **$9.698M**, **57%**, etc.
  *
@@ -47,13 +153,18 @@ import { visit } from "unist-util-visit";
                 for(var i = 0; i < paragraphNode.children.length; i++){
                     var child = paragraphNode.children[i];
                     if (child.type === 'text' && child.value && typeof child.value === 'string') {
-                        // 匹配包含特殊字符的加粗文本（美元符号、百分号、引号、书名号、其他数字相关符号）
+                        // 匹配完整的加粗文本（**text**）
                         var strongPattern = /\*\*([^*\n]*[$%#@&+\-=\w\d.，。、；：！？""''（）【】《》]+[^*\n]*?)\*\*/g;
+                        // 匹配不完整的加粗文本（**text 但没有结束的 **）
+                        var incompleteStrongPattern = /^\*\*([^*\n]+)$/;
+                        var newNodes = [];
+                        var lastIndex = 0;
+                        var hasMatch = false;
+                        // 先检查是否有完整的加粗文本
                         if (strongPattern.test(child.value)) {
                             // 重置正则表达式
                             strongPattern.lastIndex = 0;
-                            var newNodes = [];
-                            var lastIndex = 0;
+                            hasMatch = true;
                             var match = void 0;
                             // 分割文本并创建新的节点结构
                             while((match = strongPattern.exec(child.value)) !== null){
@@ -83,22 +194,52 @@ import { visit } from "unist-util-visit";
                             if (lastIndex < child.value.length) {
                                 var afterText = child.value.slice(lastIndex);
                                 if (afterText) {
-                                    newNodes.push({
-                                        type: 'text',
-                                        value: afterText
-                                    });
+                                    // 检查剩余文本是否是不完整的加粗
+                                    var incompleteMatch = incompleteStrongPattern.exec(afterText);
+                                    if (incompleteMatch) {
+                                        newNodes.push({
+                                            type: 'strong',
+                                            finished: false,
+                                            children: [
+                                                {
+                                                    type: 'text',
+                                                    value: incompleteMatch[1]
+                                                }
+                                            ]
+                                        });
+                                    } else {
+                                        newNodes.push({
+                                            type: 'text',
+                                            value: afterText
+                                        });
+                                    }
                                 }
                             }
-                            // 替换当前文本节点
-                            if (newNodes.length > 0) {
-                                var _paragraphNode_children;
-                                (_paragraphNode_children = paragraphNode.children).splice.apply(_paragraphNode_children, [
-                                    i,
-                                    1
-                                ].concat(_to_consumable_array(newNodes)));
-                                i += newNodes.length - 1; // 调整索引以跳过新插入的节点
+                        } else if (incompleteStrongPattern.test(child.value)) {
+                            var incompleteMatch1 = incompleteStrongPattern.exec(child.value);
+                            if (incompleteMatch1) {
+                                hasMatch = true;
+                                newNodes.push({
+                                    type: 'strong',
+                                    finished: false,
+                                    children: [
+                                        {
+                                            type: 'text',
+                                            value: incompleteMatch1[1]
+                                        }
+                                    ]
+                                });
                             }
                         }
+                        // 替换当前文本节点
+                        if (hasMatch && newNodes.length > 0) {
+                            var _paragraphNode_children;
+                            (_paragraphNode_children = paragraphNode.children).splice.apply(_paragraphNode_children, [
+                                i,
+                                1
+                            ].concat(_to_consumable_array(newNodes)));
+                            i += newNodes.length - 1; // 调整索引以跳过新插入的节点
+                        }
                     }
                 }
             }
@@ -106,13 +247,18 @@ import { visit } from "unist-util-visit";
         // 处理所有文本节点（作为备用方案）
         visit(tree, 'text', function(node, index, parent) {
             if (node.value && typeof node.value === 'string') {
-                // 匹配包含特殊字符的加粗文本（美元符号、百分号、引号、书名号、其他数字相关符号）
+                // 匹配完整的加粗文本（**text**）
                 var strongPattern = /\*\*([^*\n]*[$%#@&+\-=\w\d.，。、；：！？""''（）【】《》]+[^*\n]*?)\*\*/g;
+                // 匹配不完整的加粗文本（**text 但没有结束的 **）
+                var incompleteStrongPattern = /^\*\*([^*\n]+)$/;
+                var newNodes = [];
+                var lastIndex = 0;
+                var hasMatch = false;
+                // 先检查是否有完整的加粗文本
                 if (strongPattern.test(node.value)) {
                     // 重置正则表达式
                     strongPattern.lastIndex = 0;
-                    var newNodes = [];
-                    var lastIndex = 0;
+                    hasMatch = true;
                     var match;
                     // 分割文本并创建新的节点结构
                     while((match = strongPattern.exec(node.value)) !== null){
@@ -142,33 +288,66 @@ import { visit } from "unist-util-visit";
                     if (lastIndex < node.value.length) {
                         var afterText = node.value.slice(lastIndex);
                         if (afterText) {
-                            newNodes.push({
-                                type: 'text',
-                                value: afterText
-                            });
+                            // 检查剩余文本是否是不完整的加粗
+                            var incompleteMatch = incompleteStrongPattern.exec(afterText);
+                            if (incompleteMatch) {
+                                newNodes.push({
+                                    type: 'strong',
+                                    finished: false,
+                                    children: [
+                                        {
+                                            type: 'text',
+                                            value: incompleteMatch[1]
+                                        }
+                                    ]
+                                });
+                            } else {
+                                newNodes.push({
+                                    type: 'text',
+                                    value: afterText
+                                });
+                            }
                         }
                     }
-                    // 替换原节点
-                    if (parent && Array.isArray(parent.children) && typeof index === 'number') {
-                        var _parent_children;
-                        (_parent_children = parent.children).splice.apply(_parent_children, [
-                            index,
-                            1
-                        ].concat(_to_consumable_array(newNodes)));
+                } else if (incompleteStrongPattern.test(node.value)) {
+                    var incompleteMatch1 = incompleteStrongPattern.exec(node.value);
+                    if (incompleteMatch1) {
+                        hasMatch = true;
+                        newNodes.push({
+                            type: 'strong',
+                            finished: false,
+                            children: [
+                                {
+                                    type: 'text',
+                                    value: incompleteMatch1[1]
+                                }
+                            ]
+                        });
                     }
                 }
+                // 替换原节点
+                if (hasMatch && newNodes.length > 0 && parent && Array.isArray(parent.children) && typeof index === 'number') {
+                    var _parent_children;
+                    (_parent_children = parent.children).splice.apply(_parent_children, [
+                        index,
+                        1
+                    ].concat(_to_consumable_array(newNodes)));
+                }
             }
         });
     };
 }
-// 完整的 HTML 渲染解析器
-var markdownParser = unified().use(remarkParse).use(remarkHtml).use(remarkGfm) // GFM 插件
+// Markdown 解析器（用于解析 Markdown 为 mdast AST）
+// 注意：这个解析器只用于解析，不包含 HTML 渲染相关的插件
+var markdownParser = unified().use(remarkParse) // 解析 Markdown
+.use(remarkHtml).use(remarkFrontmatter, [
+    'yaml'
+]) // 处理前置元数据
+.use(remarkGfm) // GFM 插件
 .use(fixStrongWithSpecialChars) // 修复包含特殊字符的加粗文本
+.use(convertParagraphToImage) // 将以 ! 开头的段落转换为图片,将 | 开头的段落转换为表格
 .use(remarkMath, {
     singleDollarTextMath: true
-}).use(remarkRehype, {
-    allowDangerousHtml: true
-}).use(rehypeRaw).use(rehypeKatex).use(remarkFrontmatter, [
-    'yaml'
-]);
+});
+// 默认导出解析器（用于解析 Markdown 为 mdast AST）
 export default markdownParser;

package/dist/MarkdownEditor/editor/types/Table.d.ts

@@ -3,6 +3,7 @@ export type TableCustomElement = TableNode | TableHeadNode | TableFooterNode | T
 export interface TableNode {
     type: 'table';
     children: Array<TableHeadNode | TrNode | TableFooterNode>;
+    finished?: boolean;
     otherProps?: {
         mergeCells?: Array<{
             row: number;
@@ -10,7 +11,7 @@ export interface TableNode {
             rowSpan: number;
             colSpan: number;
         }>;
-        finish?: boolean;
+        finished?: boolean;
         config?: any;
         columns?: Array<any>;
     };

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

@@ -166,7 +166,7 @@ import remarkParse from "remark-parse";
 import remarkRehype from "remark-rehype";
 import { unified } from "unified";
 import { visit } from "unist-util-visit";
-import { fixStrongWithSpecialChars } from "../parser/remarkParse";
+import { convertParagraphToImage, fixStrongWithSpecialChars } from "../parser/remarkParse";
 // HTML 转义相关的正则表达式和工具
 var ESCAPE_TEST_NO_ENCODE = /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/;
 var ESCAPE_TEST = /[&<>"']/;
@@ -295,6 +295,7 @@ export var DEFAULT_MARKDOWN_REMARK_PLUGINS = [
     remarkParse,
     remarkGfm,
     fixStrongWithSpecialChars,
+    convertParagraphToImage,
     [
         remarkMath,
         INLINE_MATH_WITH_SINGLE_DOLLAR

package/dist/MarkdownEditor/el.d.ts

@@ -74,6 +74,7 @@ export type ListNode<T = Record<string, any>> = {
     order?: boolean;
     start?: number;
     task?: boolean;
+    finished?: boolean;
     h?: number;
 };
 export type ChartTypeConfig<T = Record<string, any>> = {
@@ -139,6 +140,7 @@ export type MediaNode<T = Record<string, any>> = {
     url?: string;
     alt: string;
     downloadUrl?: string;
+    finished?: boolean;
     height?: number;
     width?: number;
     docId?: string;
@@ -164,6 +166,7 @@ export type LinkCardNode<T = Record<string, any>> = {
     title?: string;
     name?: string;
     alt: string;
+    finished?: boolean;
     children: BaseElement['children'];
 };
 export type AttachNode<T = Record<string, any>> = {

package/dist/MarkdownEditor/style.js

@@ -83,6 +83,8 @@ var genStyle = function(token) {
         '&-edit-area': {
             outline: 'none !important'
         },
+        '&-container': {
+        },
         '&-content': _define_property({
             // 默认 padding，可以通过 contentStyle 覆盖
             // 使用 CSS 变量，允许通过内联样式覆盖

package/dist/Plugins/chart/index.js

@@ -316,7 +316,7 @@ export { ChartFilter, ChartToolBar, downloadChart } from "./components";
     ]);
     var columns = ((_node_otherProps2 = node.otherProps) === null || _node_otherProps2 === void 0 ? void 0 : _node_otherProps2.columns) || [];
     // 检查图表是否未闭合
-    var isUnclosed = (node === null || node === void 0 ? void 0 : (_node_otherProps3 = node.otherProps) === null || _node_otherProps3 === void 0 ? void 0 : _node_otherProps3.finish) === false;
+    var isUnclosed = (node === null || node === void 0 ? void 0 : (_node_otherProps3 = node.otherProps) === null || _node_otherProps3 === void 0 ? void 0 : _node_otherProps3.finished) === false;
     // 获取编辑器更新函数
     var _useMEditor = _sliced_to_array(useMEditor(node), 2), update = _useMEditor[1];
     // 判断是否是最后一个节点
@@ -334,11 +334,11 @@ export { ChartFilter, ChartToolBar, downloadChart } from "./components";
     useEffect(function() {
         if (isUnclosed && !readonly && !isLastNode) {
             var _node_otherProps;
-            // 检查 finish 是否仍然是 false（可能已经被其他逻辑更新）
-            if ((node === null || node === void 0 ? void 0 : (_node_otherProps = node.otherProps) === null || _node_otherProps === void 0 ? void 0 : _node_otherProps.finish) === false) {
+            // 检查 finished 是否仍然是 false（可能已经被其他逻辑更新）
+            if ((node === null || node === void 0 ? void 0 : (_node_otherProps = node.otherProps) === null || _node_otherProps === void 0 ? void 0 : _node_otherProps.finished) === false) {
                 update({
                     otherProps: _object_spread_props(_object_spread({}, node === null || node === void 0 ? void 0 : node.otherProps), {
-                        finish: true
+                        finished: true
                     })
                 }, node);
             }
@@ -355,11 +355,11 @@ export { ChartFilter, ChartToolBar, downloadChart } from "./components";
         if (isUnclosed && !readonly && isLastNode) {
             var timer = setTimeout(function() {
                 var _node_otherProps;
-                // 检查 finish 是否仍然是 false（可能已经被其他逻辑更新）
-                if ((node === null || node === void 0 ? void 0 : (_node_otherProps = node.otherProps) === null || _node_otherProps === void 0 ? void 0 : _node_otherProps.finish) === false) {
+                // 检查 finished 是否仍然是 false（可能已经被其他逻辑更新）
+                if ((node === null || node === void 0 ? void 0 : (_node_otherProps = node.otherProps) === null || _node_otherProps === void 0 ? void 0 : _node_otherProps.finished) === false) {
                     update({
                         otherProps: _object_spread_props(_object_spread({}, node === null || node === void 0 ? void 0 : node.otherProps), {
-                            finish: true
+                            finished: true
                         })
                     }, node);
                 }

package/dist/Plugins/code/components/CodeRenderer.js

@@ -99,7 +99,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-import { ConfigProvider, theme as antdTheme } from "antd";
+import { ConfigProvider, Skeleton, theme as antdTheme } from "antd";
 import React, { useEffect, useMemo, useState } from "react";
 import { MarkdownEditor } from "../../../MarkdownEditor";
 import { useEditorStore } from "../../../MarkdownEditor/editor/store";
@@ -163,18 +163,18 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
         viewMode: viewMode
     }).toolbarProps;
     // 检查代码块是否未闭合
-    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;
+    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.finished) === false;
     // 5 秒超时机制：如果代码块未闭合，5 秒后自动设置为完成
     useEffect(function() {
         if (isUnclosed && !readonly) {
             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) {
+                // 检查 finished 是否仍然是 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.finished) === 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
+                            finished: true
                         })
                     });
                 }
@@ -186,13 +186,30 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
     }, [
         isUnclosed,
         readonly,
-        (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element1.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.finish,
+        (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element1.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.finished,
         update
     ]);
     // 渲染组件
     return useMemo(function() {
-        // 隐藏配置型 HTML 代码块
+        // 配置型 HTML 代码块：如果未完成且内容较长，显示 skeleton
         if (shouldHideConfigHtml) {
+            var _props_element_otherProps, _props_element, _props_element_value, _props_element1;
+            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.finished) === false;
+            var contentLength = ((_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : (_props_element_value = _props_element1.value) === null || _props_element_value === void 0 ? void 0 : _props_element_value.length) || 0;
+            var isLongContent = contentLength > 100; // 内容超过 100 字符视为较长
+            // 如果未完成且内容较长，显示 skeleton
+            if (isUnclosed && isLongContent) {
+                return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, props.attributes), {
+                    style: {
+                        padding: '20px'
+                    }
+                }), /*#__PURE__*/ React.createElement(Skeleton, {
+                    active: true,
+                    paragraph: {
+                        rows: 3
+                    }
+                }));
+            }
             return null;
         }
         // 只读模式下的思考块特殊渲染
@@ -203,7 +220,7 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
         }
         // 主要的代码编辑器渲染
         if (shouldRenderAsCodeEditor) {
-            var _editorProps_codeProps, _props_element, _props_element1;
+            var _editorProps_codeProps, _props_element2, _props_element3;
             return /*#__PURE__*/ React.createElement(ConfigProvider, {
                 theme: {
                     algorithm: theme === 'chaos' ? antdTheme.darkAlgorithm : antdTheme.defaultAlgorithm
@@ -229,9 +246,9 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
                     display: isExpanded ? 'block' : 'none'
                 }
             }, viewMode === 'preview' && props.element.language === 'html' && /*#__PURE__*/ React.createElement(HtmlPreview, {
-                htmlStr: (_props_element = props.element) === null || _props_element === void 0 ? void 0 : _props_element.value
+                htmlStr: (_props_element2 = props.element) === null || _props_element2 === void 0 ? void 0 : _props_element2.value
             }), viewMode === 'preview' && props.element.language && props.element.language === 'markdown' && /*#__PURE__*/ React.createElement(MarkdownEditor, {
-                initValue: (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : _props_element1.value
+                initValue: (_props_element3 = props.element) === null || _props_element3 === void 0 ? void 0 : _props_element3.value
             }), /*#__PURE__*/ React.createElement("div", {
                 style: {
                     height: '100%',

package/dist/Plugins/code/components/CodeToolbar.js

@@ -48,9 +48,9 @@ import { LoadImage } from "./LoadImage";
     // 检查代码块是否未闭合 - 使用 useMemo 确保正确响应变化
     var isUnclosed = useMemo(function() {
         var _element_otherProps;
-        return (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.finish) === false;
+        return (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.finished) === false;
     }, [
-        element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.finish
+        element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.finished
     ]);
     return /*#__PURE__*/ React.createElement("div", {
         "data-testid": "code-toolbar",

package/dist/Workspace/Task/index.d.ts

@@ -1,12 +1,17 @@
 import React, { type FC } from 'react';
+export interface TaskItem {
+    key: string;
+    title?: string;
+    content?: React.ReactNode | React.ReactNode[];
+    status: 'success' | 'pending' | 'loading' | 'error';
+}
 export interface TaskItemInput {
-    items: {
-        key: string;
-        title?: string;
-        content?: React.ReactNode | React.ReactNode[];
-        status: 'success' | 'pending' | 'loading' | 'error';
-    }[];
+    items: TaskItem[];
 }
-export declare const TaskList: FC<{
+export interface TaskListProps {
+    /** 任务列表数据 */
     data: TaskItemInput;
-}>;
+    /** 点击任务项时的回调 */
+    onItemClick?: (item: TaskItem) => void;
+}
+export declare const TaskList: FC<TaskListProps>;

package/dist/Workspace/Task/index.js

@@ -35,17 +35,34 @@ var StatusIcon = function(param) {
     }
 };
 export var TaskList = function(param) {
-    var data = param.data;
+    var data = param.data, onItemClick = param.onItemClick;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var prefixCls = getPrefixCls('agentic-workspace-task');
     var _useTaskStyle = useTaskStyle(prefixCls), wrapSSR = _useTaskStyle.wrapSSR, hashId = _useTaskStyle.hashId;
+    var handleItemClick = function(item) {
+        onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item);
+    };
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: classNames(prefixCls, hashId),
         "data-testid": "task-list"
     }, data.items.map(function(item) {
         return /*#__PURE__*/ React.createElement("div", {
             key: item.key,
-            className: classNames("".concat(prefixCls, "-item"), "".concat(prefixCls, "-item-").concat(item.status), hashId)
+            className: classNames("".concat(prefixCls, "-item"), "".concat(prefixCls, "-item-").concat(item.status), hashId),
+            role: onItemClick ? 'button' : undefined,
+            tabIndex: onItemClick ? 0 : undefined,
+            onClick: onItemClick ? function() {
+                return handleItemClick(item);
+            } : undefined,
+            onKeyDown: onItemClick ? function(e) {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    handleItemClick(item);
+                }
+            } : undefined,
+            style: {
+                cursor: onItemClick ? 'pointer' : undefined
+            }
         }, /*#__PURE__*/ React.createElement("div", {
             className: classNames("".concat(prefixCls, "-status"), hashId)
         }, /*#__PURE__*/ React.createElement(StatusIcon, {