@ant-design/agentic-ui 2.16.1 → 2.18.0

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

@@ -248,7 +248,7 @@ function _ts_generator(thisArg, body) {
     }
 }
 import { BlockOutlined, DeleteFilled, ExclamationCircleOutlined, LoadingOutlined } from "@ant-design/icons";
-import { Image, Modal, Popover, Space } from "antd";
+import { Image, Modal, Popover, Skeleton, Space } from "antd";
 import React, { useCallback, useContext, useLayoutEffect, useMemo, useRef } from "react";
 import { useDebounceFn } from "@ant-design/pro-components";
 import { Rnd } from "react-rnd";
@@ -315,7 +315,8 @@ import { getMediaType } from "../../utils/dom";
         })));
     }
     return /*#__PURE__*/ React.createElement("div", {
-        "data-testid": "image-container"
+        "data-testid": "image-container",
+        "data-be": "image-container"
     }, /*#__PURE__*/ React.createElement(Image, _object_spread_props(_object_spread({}, props), {
         width: Number(props.width) || props.width || 400,
         onError: function() {
@@ -477,7 +478,7 @@ import { getMediaType } from "../../utils/dom";
 };
 export function EditorImage(param) {
     var element = param.element, attributes = param.attributes, children = param.children;
-    var _state;
+    var _state, _element_otherProps;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var _useSelStatus = _sliced_to_array(useSelStatus(element), 2), _ = _useSelStatus[0], path = _useSelStatus[1];
     var _useEditorStore = useEditorStore(), markdownEditorRef = _useEditorStore.markdownEditorRef, readonly = _useEditorStore.readonly;
@@ -550,7 +551,15 @@ export function EditorImage(param) {
         element === null || element === void 0 ? void 0 : element.url
     ]);
     var imageDom = useMemo(function() {
-        var _state, _state1;
+        var _element_otherProps, _state, _state1;
+        // 检查是否为不完整的图片（loading 状态）
+        var isLoading = (element === null || element === void 0 ? void 0 : element.loading) || (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.loading);
+        if (isLoading) {
+            // 显示 loading 状态的占位符
+            return /*#__PURE__*/ React.createElement(Skeleton.Image, {
+                active: true
+            });
+        }
         // 如果图片加载失败，显示为链接
         if (!state().loadSuccess) {
             var _state2, _state3;
@@ -622,7 +631,10 @@ export function EditorImage(param) {
         (_state = state()) === null || _state === void 0 ? void 0 : _state.url,
         readonly,
         state().selected,
-        state().loadSuccess
+        state().loadSuccess,
+        element === null || element === void 0 ? void 0 : element.loading,
+        element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.loading,
+        element === null || element === void 0 ? void 0 : element.rawMarkdown
     ]);
     return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, attributes), {
         "data-be": "image",

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

@@ -224,7 +224,7 @@ function _ts_generator(thisArg, body) {
     }
 }
 import { DeleteFilled, ExclamationCircleOutlined, EyeOutlined, LoadingOutlined } from "@ant-design/icons";
-import { Modal, Popover } from "antd";
+import { Modal, Popover, Skeleton } from "antd";
 import React, { useCallback, useContext, useLayoutEffect, useMemo, useRef } from "react";
 import { useDebounceFn } from "@ant-design/pro-components";
 import { Rnd } from "react-rnd";
@@ -379,7 +379,7 @@ import { ImageAndError } from "./Image";
 };
 export function Media(param) {
     var element = param.element, attributes = param.attributes, children = param.children;
-    var _state, _state1;
+    var _state, _element_otherProps, _state1, _element_otherProps1;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var _useSelStatus = _sliced_to_array(useSelStatus(element), 2), _ = _useSelStatus[0], path = _useSelStatus[1];
     var _useEditorStore = useEditorStore(), markdownEditorRef = _useEditorStore.markdownEditorRef, readonly = _useEditorStore.readonly;
@@ -483,8 +483,16 @@ export function Media(param) {
         element === null || element === void 0 ? void 0 : element.url
     ]);
     var imageDom = useMemo(function() {
-        var _state, _state1;
+        var _element_otherProps, _state, _state1;
         if (state().type !== 'image' && state().type !== 'other') return null;
+        // 检查是否为不完整的图片（loading 状态）
+        var isLoading = (element === null || element === void 0 ? void 0 : element.loading) || (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.loading);
+        if (isLoading) {
+            // 显示 loading 状态的占位符
+            return /*#__PURE__*/ React.createElement(Skeleton.Image, {
+                active: true
+            });
+        }
         return !readonly ? /*#__PURE__*/ React.createElement(ResizeImage, {
             defaultSize: {
                 width: element.width,
@@ -528,11 +536,24 @@ export function Media(param) {
         state().type,
         (_state = state()) === null || _state === void 0 ? void 0 : _state.url,
         readonly,
-        state().selected
+        state().selected,
+        element === null || element === void 0 ? void 0 : element.loading,
+        element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.loading,
+        element === null || element === void 0 ? void 0 : element.rawMarkdown
     ]);
     var mediaElement = useMemo(function() {
+        var _element_otherProps, _element_otherProps1;
+        // 检查是否为不完整的媒体（loading 状态）
+        var isLoading = (element === null || element === void 0 ? void 0 : element.loading) || (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.loading);
+        var rawMarkdown = (element === null || element === void 0 ? void 0 : element.rawMarkdown) || (element === null || element === void 0 ? void 0 : (_element_otherProps1 = element.otherProps) === null || _element_otherProps1 === void 0 ? void 0 : _element_otherProps1.rawMarkdown);
         if (state().type === 'video') {
             var _state;
+            // 如果是 loading 状态，显示 loading 占位符
+            if (isLoading) {
+                return /*#__PURE__*/ React.createElement(Skeleton.Image, {
+                    active: true
+                });
+            }
             if (!state().loadSuccess) {
                 var _state1, _state2;
                 return /*#__PURE__*/ React.createElement("a", {
@@ -586,6 +607,34 @@ export function Media(param) {
         }
         if (state().type === 'audio') {
             var _state3;
+            // 如果是 loading 状态，显示 loading 占位符
+            if (isLoading) {
+                return /*#__PURE__*/ React.createElement("div", {
+                    style: {
+                        display: 'inline-flex',
+                        alignItems: 'center',
+                        gap: '8px',
+                        padding: '12px 16px',
+                        border: '1px dashed #d9d9d9',
+                        borderRadius: '6px',
+                        backgroundColor: '#fafafa',
+                        minWidth: '200px',
+                        justifyContent: 'center'
+                    }
+                }, /*#__PURE__*/ React.createElement(LoadingOutlined, {
+                    style: {
+                        color: '#1890ff',
+                        fontSize: '16px'
+                    },
+                    spin: true
+                }), /*#__PURE__*/ React.createElement("span", {
+                    style: {
+                        color: '#666',
+                        fontSize: '13px',
+                        wordBreak: 'break-all'
+                    }
+                }, rawMarkdown || (element === null || element === void 0 ? void 0 : element.alt) || '音频加载中...'));
+            }
             if (!state().loadSuccess) {
                 var _state4, _state5;
                 return /*#__PURE__*/ React.createElement("a", {
@@ -629,7 +678,7 @@ export function Media(param) {
             }, "Your browser does not support the", /*#__PURE__*/ React.createElement("code", null, "audio"), " element.");
         }
         if (state().type === 'attachment') {
-            var _state6, _element_alt, _element_alt1, _element_otherProps, _element_otherProps_collaborators, _element_otherProps1, _element_otherProps2;
+            var _state6, _element_alt, _element_alt1, _element_otherProps2, _element_otherProps_collaborators, _element_otherProps3, _element_otherProps4;
             return /*#__PURE__*/ React.createElement("div", {
                 style: {
                     padding: 12,
@@ -678,15 +727,15 @@ export function Media(param) {
                     display: 'flex',
                     justifyContent: 'space-between'
                 }
-            }, ((_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.collaborators) ? /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement(AvatarList, {
-                displayList: ((_element_otherProps1 = element.otherProps) === null || _element_otherProps1 === void 0 ? void 0 : (_element_otherProps_collaborators = _element_otherProps1.collaborators) === null || _element_otherProps_collaborators === void 0 ? void 0 : _element_otherProps_collaborators.map(function(item) {
+            }, ((_element_otherProps2 = element.otherProps) === null || _element_otherProps2 === void 0 ? void 0 : _element_otherProps2.collaborators) ? /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement(AvatarList, {
+                displayList: ((_element_otherProps3 = element.otherProps) === null || _element_otherProps3 === void 0 ? void 0 : (_element_otherProps_collaborators = _element_otherProps3.collaborators) === null || _element_otherProps_collaborators === void 0 ? void 0 : _element_otherProps_collaborators.map(function(item) {
                     var _Object_keys, _Object_values;
                     return {
                         name: (_Object_keys = Object.keys(item)) === null || _Object_keys === void 0 ? void 0 : _Object_keys.at(0),
                         collaboratorNumber: ((_Object_values = Object.values(item)) === null || _Object_values === void 0 ? void 0 : _Object_values.at(0)) || 0
                     };
                 }).slice(0, 5)) || []
-            })) : /*#__PURE__*/ React.createElement("div", null), ((_element_otherProps2 = element.otherProps) === null || _element_otherProps2 === void 0 ? void 0 : _element_otherProps2.updateTime) ? /*#__PURE__*/ React.createElement("div", {
+            })) : /*#__PURE__*/ React.createElement("div", null), ((_element_otherProps4 = element.otherProps) === null || _element_otherProps4 === void 0 ? void 0 : _element_otherProps4.updateTime) ? /*#__PURE__*/ React.createElement("div", {
                 style: {
                     color: 'rgba(0,0,0,0.45)',
                     fontSize: 12
@@ -711,7 +760,10 @@ export function Media(param) {
         return null;
     }, [
         state().type,
-        (_state1 = state()) === null || _state1 === void 0 ? void 0 : _state1.url
+        (_state1 = state()) === null || _state1 === void 0 ? void 0 : _state1.url,
+        element === null || element === void 0 ? void 0 : element.loading,
+        element === null || element === void 0 ? void 0 : (_element_otherProps1 = element.otherProps) === null || _element_otherProps1 === void 0 ? void 0 : _element_otherProps1.loading,
+        element === null || element === void 0 ? void 0 : element.rawMarkdown
     ]);
     return /*#__PURE__*/ React.createElement("div", attributes, /*#__PURE__*/ React.createElement("div", {
         "data-be": "media",

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

@@ -157,6 +157,7 @@ var INLINE_MATH_SIMPLE_NUMBER_PATTERN = new RegExp("^[+-]?\\d+(?:\\.\\d+)?".conc
 // HTML 转义和代码块检测相关的常量
 var NOT_SPACE_START = /^\S*/;
 var ENDING_NEWLINE = /\n$/;
+var FENCED_CODE_REGEX = /^(`{3,}|~{3,})/;
 var shouldTreatInlineMathAsText = function(rawValue) {
     var trimmedValue = rawValue.trim();
     if (!trimmedValue) {
@@ -715,66 +716,86 @@ export var decodeURIComponentUrl = function(url) {
         'listItem',
         'blockquote'
     ].includes(parent.type)) {
-        // 检查是否为 <think> 标签
-        var thinkElement = findThinkElement(currentElement.value);
-        if (thinkElement) {
-            // 将 <think> 标签转换为 think 类型的代码块
-            el = {
-                type: 'code',
-                language: 'think',
-                value: thinkElement.content,
+        // 检查是否为不完整的图片标记
+        var incompleteImageMatch = currentElement.value.match(/<incomplete-image\s+data-raw="([^"]+)"\s*\/?>/);
+        if (incompleteImageMatch) {
+            var rawMarkdown = decodeURIComponent(incompleteImageMatch[1]);
+            // 直接创建带有 loading 状态的图片节点（不通过 createMediaNode，因为 URL 为空）
+            el = EditorUtils.wrapperCardNode({
+                type: 'image',
+                url: '',
+                mediaType: 'image',
+                alt: rawMarkdown,
+                loading: true,
+                rawMarkdown: rawMarkdown,
                 children: [
                     {
-                        text: thinkElement.content
+                        text: ''
                     }
                 ]
-            };
+            });
         } else {
-            // 检查是否为 <answer> 标签
-            var answerElement = findAnswerElement(currentElement.value);
-            if (answerElement) {
-                // 将 <answer> 标签的内容作为普通文本
+            // 检查是否为 <think> 标签
+            var thinkElement = findThinkElement(currentElement.value);
+            if (thinkElement) {
+                // 将 <think> 标签转换为 think 类型的代码块
                 el = {
-                    text: answerElement.content
+                    type: 'code',
+                    language: 'think',
+                    value: thinkElement.content,
+                    children: [
+                        {
+                            text: thinkElement.content
+                        }
+                    ]
                 };
             } else {
-                var mediaElement = findImageElement(currentElement.value);
-                if (mediaElement) {
-                    el = createMediaNodeFromElement(mediaElement);
-                } else if (currentElement.value === '<br/>') {
+                // 检查是否为 <answer> 标签
+                var answerElement = findAnswerElement(currentElement.value);
+                if (answerElement) {
+                    // 将 <answer> 标签的内容作为普通文本
                     el = {
-                        type: 'paragraph',
-                        children: [
-                            {
-                                text: ''
-                            }
-                        ]
+                        text: answerElement.content
                     };
-                } else if (currentElement.value.match(/^<\/(img|video|iframe)>/)) {
-                    // 如果是媒体标签的结束标签，跳过处理
-                    el = null;
                 } else {
-                    // 检查是否为注释（注释需要特殊处理以提取配置）
-                    var isComment = currentElement.value.trim().startsWith('<!--') && currentElement.value.trim().endsWith('-->');
-                    // 检查是否为标准 HTML 元素或注释
-                    if (isComment || isStandardHtmlElement(currentElement.value)) {
-                        // 标准 HTML 元素或注释：按原逻辑处理
-                        el = currentElement.value.match(/<\/?(table|div|ul|li|ol|p|strong)[^\n>]*?>/) ? htmlToFragmentList(currentElement.value, '') : {
-                            type: 'code',
-                            language: 'html',
-                            render: true,
-                            value: currentElement.value,
+                    var mediaElement = findImageElement(currentElement.value);
+                    if (mediaElement) {
+                        el = createMediaNodeFromElement(mediaElement);
+                    } else if (currentElement.value === '<br/>') {
+                        el = {
+                            type: 'paragraph',
                             children: [
                                 {
-                                    text: currentElement.value
+                                    text: ''
                                 }
                             ]
                         };
+                    } else if (currentElement.value.match(/^<\/(img|video|iframe)>/)) {
+                        // 如果是媒体标签的结束标签，跳过处理
+                        el = null;
                     } else {
-                        // 非标准元素（如自定义标签）：当作普通文本处理
-                        el = {
-                            text: currentElement.value
-                        };
+                        // 检查是否为注释（注释需要特殊处理以提取配置）
+                        var isComment = currentElement.value.trim().startsWith('<!--') && currentElement.value.trim().endsWith('-->');
+                        // 检查是否为标准 HTML 元素或注释
+                        if (isComment || isStandardHtmlElement(currentElement.value)) {
+                            // 标准 HTML 元素或注释：按原逻辑处理
+                            el = currentElement.value.match(/<\/?(table|div|ul|li|ol|p|strong)[^\n>]*?>/) ? htmlToFragmentList(currentElement.value, '') : {
+                                type: 'code',
+                                language: 'html',
+                                render: true,
+                                value: currentElement.value,
+                                children: [
+                                    {
+                                        text: currentElement.value
+                                    }
+                                ]
+                            };
+                        } else {
+                            // 非标准元素（如自定义标签）：当作普通文本处理
+                            el = {
+                                text: currentElement.value
+                            };
+                        }
                     }
                 }
             }
@@ -820,6 +841,25 @@ export var decodeURIComponentUrl = function(url) {
             text: answerElement.content
         };
     }
+    // 检查是否为不完整的图片标记
+    var incompleteImageMatch = currentElement.value.match(/<incomplete-image\s+data-raw="([^"]+)"\s*\/?>/);
+    if (incompleteImageMatch) {
+        var rawMarkdown = decodeURIComponent(incompleteImageMatch[1]);
+        // 直接创建带有 loading 状态的图片节点（不通过 createMediaNode，因为 URL 为空）
+        return EditorUtils.wrapperCardNode({
+            type: 'image',
+            url: '',
+            mediaType: 'image',
+            alt: rawMarkdown,
+            loading: true,
+            rawMarkdown: rawMarkdown,
+            children: [
+                {
+                    text: ''
+                }
+            ]
+        });
+    }
     // 检查是否为非标准 HTML 元素，如果是则直接当作文本
     if (!isStandardHtmlElement(currentElement.value)) {
         return {
@@ -1653,7 +1693,9 @@ var tableRegex = /^\|.*\|\s*\n\|[-:| ]+\|/m;
     'menu',
     'menuitem',
     // 字体
-    'font'
+    'font',
+    // 自定义标签（用于流式渲染）
+    'incomplete-image'
 ]);
 /**
  * 检查 HTML 标签是否为标准元素
@@ -1694,6 +1736,78 @@ var tableRegex = /^\|.*\|\s*\n\|[-:| ]+\|/m;
  */ function preprocessThinkTags(markdown) {
     return preprocessSpecialTags(markdown, 'think');
 }
+/**
+ * 检测不完整的图片标记
+ * 参考 useStreaming 中的逻辑，检测类似 ![ 或 ![text]( 的不完整图片语法
+ * @param markdown - 要检测的 Markdown 字符串
+ * @returns 是否为不完整的图片标记
+ */ function isIncompleteImage(markdown) {
+    // 匹配不完整的图片语法：
+    // 1. ![ 开始但还没有 ]
+    // 2. ![text] 开始但还没有 (
+    // 3. ![text]( 开始但还没有 )
+    var incompleteImagePatterns = [
+        /^!\[[^\]\r\n]{0,1000}$/,
+        /^!\[[^\r\n]{0,1000}\]\(*[^)\r\n]{0,1000}$/
+    ];
+    return incompleteImagePatterns.some(function(pattern) {
+        return pattern.test(markdown);
+    });
+}
+/**
+ * 预处理不完整的图片标记，将其转换为特殊的 HTML 标签
+ * @param markdown - 原始 Markdown 字符串
+ * @returns 处理后的 Markdown 字符串
+ */ function preprocessIncompleteImages(markdown) {
+    if (!markdown) return markdown;
+    // 按行处理，避免在代码块中处理
+    var lines = markdown.split('\n');
+    var inCodeBlock = false;
+    var codeBlockFence = '';
+    var codeBlockFenceLen = 0;
+    var processedLines = lines.map(function(line) {
+        // 检测代码块开始/结束
+        var fenceMatch = line.match(FENCED_CODE_REGEX);
+        if (fenceMatch) {
+            var currentFence = fenceMatch[1];
+            var char = currentFence[0];
+            var len = currentFence.length;
+            if (!inCodeBlock) {
+                inCodeBlock = true;
+                codeBlockFence = char;
+                codeBlockFenceLen = len;
+            } else if (char === codeBlockFence && len >= codeBlockFenceLen) {
+                inCodeBlock = false;
+                codeBlockFence = '';
+                codeBlockFenceLen = 0;
+            }
+            return line;
+        }
+        // 如果在代码块中，不处理
+        if (inCodeBlock) {
+            return line;
+        }
+        // 检测不完整的图片标记
+        // 匹配行尾的不完整图片语法（避免匹配完整的图片）
+        var trimmedLine = line.trim();
+        // 如果整行就是一个不完整的图片标记
+        if (isIncompleteImage(trimmedLine)) {
+            var encodedRaw = encodeURIComponent(trimmedLine);
+            return '<incomplete-image data-raw="'.concat(encodedRaw, '" />');
+        }
+        // 检测行内不完整的图片标记（在行尾）
+        // 使用负向前瞻确保不是完整图片的一部分
+        return line.replace(/(!\[[^\]]*\]?\(?[^)]*)$/, function(match) {
+            // 检查是否是不完整的图片
+            if (isIncompleteImage(match.trim())) {
+                var encodedRaw = encodeURIComponent(match.trim());
+                return '<incomplete-image data-raw="'.concat(encodedRaw, '" />');
+            }
+            return match;
+        });
+    });
+    return processedLines.join('\n');
+}
 /**
  * 预处理所有非标准 HTML 标签，提取其内容（删除标签本身）
  * @param markdown - 原始 Markdown 字符串
@@ -1705,7 +1819,12 @@ var tableRegex = /^\|.*\|\s*\n\|[-:| ]+\|/m;
     while(hasNonStandardTags){
         var before = result;
         // 匹配所有 HTML 标签对：<tagname>content</tagname>
+        // 注意：跳过 incomplete-image 标签（它是自闭合标签，需要特殊处理）
         result = result.replace(/<(\w+)>([\s\S]*?)<\/\1>/g, function(match, tagName, content) {
+            // 保护 incomplete-image 标签（虽然它是自闭合的，但为了安全起见）
+            if (tagName.toLowerCase() === 'incomplete-image') {
+                return match;
+            }
             // 检查是否为标准 HTML 元素
             if (STANDARD_HTML_ELEMENTS.has(tagName.toLowerCase())) {
                 // 标准元素保持不变
@@ -1765,9 +1884,10 @@ function preprocessMarkdownTableNewlines(markdown) {
    * @returns 一个包含解析后的元素数组和链接信息的对象
    */ key: "parse",
             value: function parse(md) {
-                // 先预处理 <think> 标签，再预处理其他非标准 HTML 标签，最后处理表格换行
+                // 先预处理 <think> 标签，再预处理不完整的图片，然后预处理其他非标准 HTML 标签，最后处理表格换行
                 var thinkProcessed = preprocessThinkTags(md || '');
-                var nonStandardProcessed = preprocessNonStandardHtmlTags(thinkProcessed);
+                var incompleteImageProcessed = preprocessIncompleteImages(thinkProcessed);
+                var nonStandardProcessed = preprocessNonStandardHtmlTags(incompleteImageProcessed);
                 var processedMarkdown = mdastParser.parse(preprocessMarkdownTableNewlines(nonStandardProcessed));
                 var markdownRoot = processedMarkdown.children;
                 // 使用类的配置和插件，通过 this 访问

package/dist/MarkdownEditor/editor/style.js

@@ -402,6 +402,11 @@ var genStyle = function(token) {
                 backgroundColor: 'var(--color-gray-control-fill-secondary)'
             }
         },
+        '[data-be="media-container"], [data-be="image-container"]': {
+            display: 'flex',
+            minWidth: 0,
+            maxWidth: '100%'
+        },
         '@media screen and (max-width: 600px)': {
             h1: {
                 fontSize: '1.5em'

package/dist/Plugins/chart/components/ChartFilter/ChartFilter.d.ts

@@ -18,5 +18,5 @@ export interface ChartFilterProps {
     theme?: 'light' | 'dark';
     variant?: 'default' | 'compact';
 }
-declare const ChartFilter: React.NamedExoticComponent<ChartFilterProps>;
+declare const ChartFilter: React.FC<ChartFilterProps>;
 export default ChartFilter;

package/dist/Plugins/chart/components/ChartFilter/ChartFilter.js

@@ -1,125 +1,13 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    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 { ChevronDown } from "@sofa-design/icons";
 import { Button, ConfigProvider, Dropdown, Segmented } from "antd";
 import classNames from "classnames";
-import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
+import React, { useContext, useMemo, useRef } from "react";
 import { I18nContext } from "../../../../I18n";
 import { debounce } from "../../utils";
 import { useStyle } from "./style";
-/**
- * 比较两个数组是否相等（浅比较）
- */ var areArraysEqual = function(a, b) {
-    if (a === b) return true;
-    if (!a || !b) return false;
-    if (a.length !== b.length) return false;
-    return a.every(function(item, index) {
-        var other = b[index];
-        if (!other) return false;
-        // 比较所有属性
-        return Object.keys(item).every(function(key) {
-            return item[key] === other[key];
-        });
-    });
-};
-/**
- * ChartFilter 组件的 props 比较函数
- * 用于 React.memo 优化，只在真正需要时重新渲染
- *
- * 注意：由于组件内部使用 ref 保存上一次有效的 filterOptions，
- * 即使 filterOptions 暂时为空也不会导致组件消失。
- * 因此比较时，如果当前值为空但之前有值，我们仍然认为它们"相等"（使用稳定值）。
- */ var arePropsEqual = function(prevProps, nextProps) {
-    // 比较基本属性
-    if (prevProps.selectedFilter !== nextProps.selectedFilter || prevProps.selectedCustomSelection !== nextProps.selectedCustomSelection || prevProps.className !== nextProps.className || prevProps.theme !== nextProps.theme || prevProps.variant !== nextProps.variant) {
-        return false;
-    }
-    // 比较数组属性（filterOptions 和 customOptions）
-    // 如果两个都是空或都有效，比较内容
-    // 如果一个为空一个有效，认为不相等（需要更新稳定值）
-    var prevFilterValid = prevProps.filterOptions && prevProps.filterOptions.length > 1;
-    var nextFilterValid = nextProps.filterOptions && nextProps.filterOptions.length > 1;
-    // 如果两个都有效，比较内容
-    if (prevFilterValid && nextFilterValid) {
-        if (!areArraysEqual(prevProps.filterOptions, nextProps.filterOptions)) {
-            return false;
-        }
-    } else if (prevFilterValid !== nextFilterValid) {
-        return false;
-    }
-    // 如果两个都无效，认为相等（使用上一次的稳定值）
-    var prevCustomValid = prevProps.customOptions && prevProps.customOptions.length > 1;
-    var nextCustomValid = nextProps.customOptions && nextProps.customOptions.length > 1;
-    if (prevCustomValid && nextCustomValid) {
-        if (!areArraysEqual(prevProps.customOptions, nextProps.customOptions)) {
-            return false;
-        }
-    } else if (prevCustomValid !== nextCustomValid) {
-        return false;
-    }
-    // 回调函数比较
-    // 由于我们已经用 ref 处理回调，即使引用变化也不会影响防抖逻辑
-    // 为了 memo 优化，我们只检查回调是否存在，不比较引用
-    var prevHasFilterChange = prevProps.onFilterChange !== undefined;
-    var nextHasFilterChange = nextProps.onFilterChange !== undefined;
-    if (prevHasFilterChange !== nextHasFilterChange) {
-        return false;
-    }
-    var prevHasSelectionChange = prevProps.onSelectionChange !== undefined;
-    var nextHasSelectionChange = nextProps.onSelectionChange !== undefined;
-    if (prevHasSelectionChange !== nextHasSelectionChange) {
-        return false;
-    }
-    // 所有关键属性都相同，可以跳过重新渲染
-    return true;
-};
 var ChartFilterComponent = function(param) {
     var filterOptions = param.filterOptions, selectedFilter = param.selectedFilter, onFilterChange = param.onFilterChange, customOptions = param.customOptions, selectedCustomSelection = param.selectedCustomSelection, onSelectionChange = param.onSelectionChange, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_theme = param.theme, theme = _param_theme === void 0 ? 'light' : _param_theme, _param_variant = param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant;
-    var _stableCustomOptions_find, _i18n_locale;
+    var _customOptions_find, _i18n_locale;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var i18n = useContext(I18nContext);
     var prefixCls = getPrefixCls('chart-filter');
@@ -161,68 +49,27 @@ var ChartFilterComponent = function(param) {
         debouncedFilterChange,
         debouncedSelectionChange
     ]);
-    // 稳定化 filterOptions 和 customOptions，避免在流式更新时频繁变化导致组件跳动
-    // 使用 useState 保存稳定的值，只在内容真正变化时才更新
-    var _useState = _sliced_to_array(useState(function() {
-        return filterOptions && filterOptions.length > 1 ? filterOptions : undefined;
-    }), 2), stableFilterOptions = _useState[0], setStableFilterOptions = _useState[1];
-    var _useState1 = _sliced_to_array(useState(function() {
-        return customOptions && customOptions.length > 1 ? customOptions : undefined;
-    }), 2), stableCustomOptions = _useState1[0], setStableCustomOptions = _useState1[1];
-    // 使用 useRef 保存上一次的值用于内容比较
-    var prevFilterOptionsRef = useRef(filterOptions);
-    var prevCustomOptionsRef = useRef(customOptions);
-    // 当 filterOptions 变化时，只在内容真正变化时才更新
-    useEffect(function() {
-        if (filterOptions && filterOptions.length > 1) {
-            // 比较内容是否真的变化
-            var contentChanged = !areArraysEqual(prevFilterOptionsRef.current, filterOptions);
-            if (contentChanged) {
-                // 内容变化，更新稳定值
-                setStableFilterOptions(filterOptions);
-                prevFilterOptionsRef.current = filterOptions;
-            }
-        // 如果内容相同，不更新，避免不必要的重新渲染
-        } else if (filterOptions && filterOptions.length <= 1) {
-        // 如果新值无效（长度 <= 1），但之前有有效值，保持上一次的值（不更新）
-        // 这样 filter 不会消失
-        }
-    // 注意：如果 filterOptions 变为 undefined 或 null，我们不更新稳定值，保持上一次的值
-    }, [
-        filterOptions
-    ]);
-    useEffect(function() {
-        if (customOptions && customOptions.length > 1) {
-            var contentChanged = !areArraysEqual(prevCustomOptionsRef.current, customOptions);
-            if (contentChanged) {
-                setStableCustomOptions(customOptions);
-                prevCustomOptionsRef.current = customOptions;
-            }
-        }
-    }, [
-        customOptions
-    ]);
     var handleRegionChange = function(region) {
         debouncedSelectionChange(region);
     };
     var handleFilterChange = function(value) {
         debouncedFilterChange(value);
     };
-    var hasMain = Array.isArray(stableFilterOptions) && stableFilterOptions.length > 1;
-    var hasSecondary = Array.isArray(stableCustomOptions) && stableCustomOptions.length > 1;
+    var hasMain = Array.isArray(filterOptions) && filterOptions.length > 1;
+    var hasSecondary = Array.isArray(customOptions) && customOptions.length > 1;
     if (!hasMain && !hasSecondary) {
         return null;
     }
-    if (!stableFilterOptions || stableFilterOptions.length < 2) {
+    if (!filterOptions || filterOptions.length < 2) {
         return null;
     }
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: classNames(prefixCls, "".concat(prefixCls, "-").concat(theme), "".concat(prefixCls, "-").concat(variant), hashId, className)
-    }, stableCustomOptions && stableCustomOptions.length > 1 && /*#__PURE__*/ React.createElement("div", {
+    }, customOptions && customOptions.length > 1 && /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefixCls, "-region-filter"), hashId)
     }, /*#__PURE__*/ React.createElement(Dropdown, {
         menu: {
-            items: stableCustomOptions.map(function(item) {
+            items: customOptions.map(function(item) {
                 return {
                     key: item.key,
                     label: item.label,
@@ -244,12 +91,12 @@ var ChartFilterComponent = function(param) {
         type: "default",
         size: "small",
         className: classNames("".concat(prefixCls, "-region-dropdown-btn"), hashId)
-    }, /*#__PURE__*/ React.createElement("span", null, ((_stableCustomOptions_find = stableCustomOptions.find(function(r) {
+    }, /*#__PURE__*/ React.createElement("span", null, ((_customOptions_find = customOptions.find(function(r) {
         return r.key === selectedCustomSelection;
-    })) === null || _stableCustomOptions_find === void 0 ? void 0 : _stableCustomOptions_find.label) || (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale.all) || '全部'), /*#__PURE__*/ React.createElement(ChevronDown, {
+    })) === null || _customOptions_find === void 0 ? void 0 : _customOptions_find.label) || (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale.all) || '全部'), /*#__PURE__*/ React.createElement(ChevronDown, {
         className: classNames("".concat(prefixCls, "-dropdown-icon"), hashId)
-    })))), stableFilterOptions && stableFilterOptions.length > 1 && /*#__PURE__*/ React.createElement(Segmented, {
-        options: stableFilterOptions || [],
+    })))), filterOptions && filterOptions.length > 1 && /*#__PURE__*/ React.createElement(Segmented, {
+        options: filterOptions || [],
         value: selectedFilter,
         size: "small",
         className: classNames("".concat(prefixCls, "-segmented-filter"), 'custom-segmented', hashId),
@@ -258,6 +105,5 @@ var ChartFilterComponent = function(param) {
         }
     })));
 };
-// 使用 React.memo 包装组件，确保内容稳定，只在 props 真正变化时重新渲染
-var ChartFilter = /*#__PURE__*/ React.memo(ChartFilterComponent, arePropsEqual);
+var ChartFilter = ChartFilterComponent;
 export default ChartFilter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.16.1",
+  "version": "2.18.0",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",