@ant-design/agentic-ui 2.29.58 → 2.30.0

package/dist/Bubble/List/index.d.ts

@@ -169,6 +169,13 @@ export type BubbleListProps = {
     onAvatarClick?: BubbleProps['onAvatarClick'];
     onDoubleClick?: BubbleProps['onDoubleClick'];
     markdownRenderConfig?: BubbleProps['markdownRenderConfig'];
+    /**
+     * 渲染模式快捷设置
+     * - 'slate': 使用 Slate 编辑器渲染（默认）
+     * - 'markdown': 使用轻量 MarkdownRenderer（无 Slate 实例，性能更优）
+     * 等效于 markdownRenderConfig={{ renderMode }}
+     */
+    renderMode?: 'slate' | 'markdown';
     docListProps?: BubbleProps['docListProps'];
     /**
      * 动态控制复制按钮的显隐

package/dist/Bubble/List/index.js

@@ -121,7 +121,16 @@ import { useStyle } from "./style";
  * - 支持滚动和触摸事件
  * - 提供消息复制功能
  */ export var BubbleList = function BubbleList(props) {
-    var bubbleListRef = props.bubbleListRef, bubbleRenderConfig = props.bubbleRenderConfig, className = props.className, legacyLoading = props.loading, isLoading = props.isLoading, styles = props.styles, classNames = props.classNames, markdownRenderConfig = props.markdownRenderConfig, userMeta = props.userMeta, assistantMeta = props.assistantMeta, _props_bubbleList = props.bubbleList, bubbleList = _props_bubbleList === void 0 ? [] : _props_bubbleList, style = props.style, onScroll = props.onScroll, onWheel = props.onWheel, onTouchMove = props.onTouchMove;
+    var bubbleListRef = props.bubbleListRef, bubbleRenderConfig = props.bubbleRenderConfig, className = props.className, legacyLoading = props.loading, isLoading = props.isLoading, styles = props.styles, classNames = props.classNames, markdownRenderConfigProp = props.markdownRenderConfig, renderMode = props.renderMode, userMeta = props.userMeta, assistantMeta = props.assistantMeta, _props_bubbleList = props.bubbleList, bubbleList = _props_bubbleList === void 0 ? [] : _props_bubbleList, style = props.style, onScroll = props.onScroll, onWheel = props.onWheel, onTouchMove = props.onTouchMove;
+    // 合并 renderMode 快捷属性到 markdownRenderConfig
+    var markdownRenderConfig = useMemo(function() {
+        return renderMode ? _object_spread_props(_object_spread({}, markdownRenderConfigProp), {
+            renderMode: renderMode
+        }) : markdownRenderConfigProp;
+    }, [
+        markdownRenderConfigProp,
+        renderMode
+    ]);
     // 兼容旧属性
     var loading = isLoading !== null && isLoading !== void 0 ? isLoading : legacyLoading;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;

package/dist/Bubble/MessagesContent/BubbleExtra.js

@@ -727,21 +727,26 @@ import { VoiceButton } from "./VoiceButton";
             voiceDom
         ];
     }
+    var inPopover = context === null || context === void 0 ? void 0 : context.extraShowOnHover;
     return /*#__PURE__*/ React.createElement("div", {
         className: prefixCls,
-        style: _object_spread({
+        style: _object_spread(_object_spread_props(_object_spread({
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'space-between',
-            width: '100%',
+            width: '100%'
+        }, inPopover ? {
+            padding: 0
+        } : {
             paddingLeft: placement === 'right' ? 0 : 'var(--padding-5x)',
             paddingRight: placement === 'right' ? 0 : 'var(--padding-5x)',
             paddingTop: placement === 'right' ? 0 : 'var(--padding-1x)',
-            paddingBottom: placement === 'right' ? 0 : 'var(--padding-2x)',
+            paddingBottom: placement === 'right' ? 0 : 'var(--padding-2x)'
+        }), {
             color: 'var(--color-gray-text-secondary)',
             fontSize: (context === null || context === void 0 ? void 0 : context.compact) ? '11px' : '13px',
             gap: 4
-        }, props.style)
+        }), props.style)
     }, typing && originalData.content !== '...' ? /*#__PURE__*/ React.createElement("div", {
         style: {
             display: 'flex',

package/dist/Bubble/MessagesContent/MarkdownPreview.js

@@ -55,6 +55,7 @@ import React, { useContext, useEffect, useMemo } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { MarkdownEditor, parserMdToSchema } from "../..";
 import { useLocale } from "../../I18n";
+import { MarkdownRenderer } from "../../MarkdownRenderer";
 import { BubbleConfigContext } from "../BubbleConfigProvide";
 import { MessagesContext } from "./BubbleContext";
 /**
@@ -93,7 +94,8 @@ import { MessagesContext } from "./BubbleContext";
  * />
  * ```
  */ export var MarkdownPreview = function MarkdownPreview(props) {
-    var _props_originData;
+    var _ref;
+    var _props_markdownRenderConfig, _props_originData;
     var content = props.content, extra = props.extra, typing = props.typing, htmlRef = props.htmlRef, fncProps = props.fncProps, docListNode = props.docListNode, beforeContent = props.beforeContent, afterContent = props.afterContent;
     var MarkdownEditorRef = React.useRef(undefined);
     var hidePadding = (useContext(MessagesContext) || {}).hidePadding;
@@ -102,6 +104,7 @@ import { MessagesContext } from "./BubbleContext";
     var standalone = config === null || config === void 0 ? void 0 : config.standalone;
     var extraShowOnHover = config === null || config === void 0 ? void 0 : config.extraShowOnHover;
     var token = theme.useToken().token;
+    var renderMode = (_ref = (_props_markdownRenderConfig = props.markdownRenderConfig) === null || _props_markdownRenderConfig === void 0 ? void 0 : _props_markdownRenderConfig.renderMode) !== null && _ref !== void 0 ? _ref : 'slate';
     var isPaddingHidden = useMemo(function() {
         return !!extra;
     }, [
@@ -110,14 +113,34 @@ import { MessagesContext } from "./BubbleContext";
     ]);
     useEffect(function() {
         var _MarkdownEditorRef_current;
+        if (renderMode !== 'slate') return;
         var schema = parserMdToSchema(content).schema;
         (_MarkdownEditorRef_current = MarkdownEditorRef.current) === null || _MarkdownEditorRef_current === void 0 ? void 0 : _MarkdownEditorRef_current.store.updateNodeList(schema);
     }, [
-        content
+        content,
+        renderMode
     ]);
     var markdown = useMemo(function() {
         var _ref;
         var _content_includes, _htmlRef_current, _htmlRef_current1, _props_markdownRenderConfig, _props_originData, _props_originData1, _props_originData2, _props_markdownRenderConfig1, _props_markdownRenderConfig2, _props_markdownRenderConfig3;
+        // MarkdownRenderer 渲染路径——轻量，不创建 Slate 实例
+        if (renderMode === 'markdown') {
+            var _props_originData3, _props_markdownRenderConfig4, _props_markdownRenderConfig5, _props_markdownRenderConfig6;
+            return /*#__PURE__*/ React.createElement(MarkdownRenderer, {
+                content: content,
+                streaming: typing,
+                isFinished: (_props_originData3 = props.originData) === null || _props_originData3 === void 0 ? void 0 : _props_originData3.isFinished,
+                plugins: (_props_markdownRenderConfig4 = props.markdownRenderConfig) === null || _props_markdownRenderConfig4 === void 0 ? void 0 : _props_markdownRenderConfig4.plugins,
+                fncProps: fncProps,
+                style: _object_spread({
+                    maxWidth: standalone ? '100%' : undefined,
+                    padding: isPaddingHidden ? 0 : undefined,
+                    margin: isPaddingHidden ? 0 : undefined
+                }, ((_props_markdownRenderConfig5 = props.markdownRenderConfig) === null || _props_markdownRenderConfig5 === void 0 ? void 0 : _props_markdownRenderConfig5.style) || {}),
+                codeProps: (_props_markdownRenderConfig6 = props.markdownRenderConfig) === null || _props_markdownRenderConfig6 === void 0 ? void 0 : _props_markdownRenderConfig6.codeProps
+            });
+        }
+        // Slate 渲染路径——保持向后兼容
         var minWidth = (content === null || content === void 0 ? void 0 : (_content_includes = content.includes) === null || _content_includes === void 0 ? void 0 : _content_includes.call(content, 'chartType')) ? standalone ? Math.max(((htmlRef === null || htmlRef === void 0 ? void 0 : (_htmlRef_current = htmlRef.current) === null || _htmlRef_current === void 0 ? void 0 : _htmlRef_current.clientWidth) || 600) - 23, 500) : Math.min(((htmlRef === null || htmlRef === void 0 ? void 0 : (_htmlRef_current1 = htmlRef.current) === null || _htmlRef_current1 === void 0 ? void 0 : _htmlRef_current1.clientWidth) || 600) - 128, 500) : undefined;
         return /*#__PURE__*/ React.createElement(MarkdownEditor, _object_spread_props(_object_spread({}, props.markdownRenderConfig || {}), {
             fncProps: fncProps,
@@ -155,7 +178,8 @@ import { MessagesContext } from "./BubbleContext";
         typing,
         (_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.isLast,
         isPaddingHidden,
-        content
+        content,
+        renderMode
     ]);
     var errorDom = /*#__PURE__*/ React.createElement("div", {
         style: {

package/dist/Bubble/UserBubble.js

@@ -175,12 +175,14 @@ var getContentStyle = function getContentStyle(standalone, customStyle) {
     var contentContainerStyle = getContentContainerStyle();
     var fileViewStyle = getFileViewStyle(standalone, styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle);
     var contentStyle = getContentStyle(standalone, styles === null || styles === void 0 ? void 0 : styles.bubbleListItemContentStyle);
+    // 用户气泡默认 hover 展示复制等操作，父级可透传覆盖
+    var effectiveExtraShowOnHover = extraShowOnHover !== null && extraShowOnHover !== void 0 ? extraShowOnHover : true;
     var _obj;
     var itemDom = wrapSSR(/*#__PURE__*/ React.createElement(BubbleConfigContext.Provider, {
         value: {
             compact: compact,
             standalone: !!standalone,
-            extraShowOnHover: extraShowOnHover,
+            extraShowOnHover: effectiveExtraShowOnHover,
             bubble: props
         }
     }, /*#__PURE__*/ React.createElement(Flex, {

package/dist/Bubble/type.d.ts

@@ -297,6 +297,13 @@ export interface BubbleProps<T = Record<string, any>> extends BubbleItemStylePro
      * Markdown 渲染配置
      */
     markdownRenderConfig?: MarkdownEditorProps;
+    /**
+     * 渲染模式快捷设置
+     * - 'slate': 使用 Slate 编辑器渲染（默认）
+     * - 'markdown': 使用轻量 MarkdownRenderer（无 Slate 实例，性能更优）
+     * 等效于 markdownRenderConfig={{ renderMode }}
+     */
+    renderMode?: 'slate' | 'markdown';
     /**
      * 自定义配置
      */

package/dist/Hooks/useLanguage.d.ts

@@ -406,6 +406,7 @@ export declare function useLanguage(): {
         'comment.jumpTo': string;
         'chart.renderFailed': string;
         'chart.renderFailedSubTitle': string;
+        'chart.retry': string;
         'chart.legend.show': string;
         'chart.legend.hide': string;
         'chart.legend.prevPage': string;

package/dist/I18n/locales.d.ts

@@ -368,6 +368,7 @@ export declare const cnLabels: {
     'comment.jumpTo': string;
     'chart.renderFailed': string;
     'chart.renderFailedSubTitle': string;
+    'chart.retry': string;
     'chart.legend.show': string;
     'chart.legend.hide': string;
     'chart.legend.prevPage': string;

package/dist/I18n/locales.js

@@ -335,7 +335,7 @@
     'input.selectFile': '选择文件',
     'input.openGallery': '打开相册',
     'input.openFile': '打开文件',
-    'input.supportedFormatMessage': '支持上传文件，每个文件不超过 ${maxSize}，支持 ${extensions}等格式。',
+    'input.supportedFormatMessage': '每个文件不超过 ${maxSize}，支持 ${extensions}等格式。',
     'input.sendButtonTooltip.send': '按 Enter 键发送',
     'input.sendButtonTooltip.newline': '按 Shift+Enter 键换行',
     'input.sendButtonTooltip.send.mod': '按 Cmd/Ctrl+Enter 键发送',
@@ -393,6 +393,7 @@
     // 图表错误相关
     'chart.renderFailed': '图表渲染失败',
     'chart.renderFailedSubTitle': '图表组件遇到了一个错误，请稍后重试',
+    'chart.retry': '重新渲染',
     // DonutChart 图例相关
     'chart.legend.show': '显示',
     'chart.legend.hide': '隐藏',
@@ -814,6 +815,7 @@
     // Chart error related
     'chart.renderFailed': 'Chart Rendering Failed',
     'chart.renderFailedSubTitle': 'The chart component encountered an error, please try again later',
+    'chart.retry': 'Retry',
     // DonutChart legend related
     'chart.legend.show': 'Show',
     'chart.legend.hide': 'Hide',

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

@@ -98,12 +98,12 @@ 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 { preprocessProtectTimeFromDirective } from "./constants";
 import { applyContextPropsAndConfig } from "./parse/applyContextPropsAndConfig";
 import { handleBlockquote, handleContainerDirective, handleFootnoteDefinition, handleHeading, handleList, handleListItem, handleParagraph, handleTextAndInlineElements } from "./parse/parseBlockElements";
 import { handleCode, handleYaml } from "./parse/parseCode";
 import { handleDefinition, handleInlineCode, handleThematicBreak } from "./parse/parseElements";
 import { addEmptyLinesIfNeeded } from "./parse/parseEmptyLines";
-import { preprocessProtectTimeFromDirective } from "./constants";
 import { handleFootnoteReference } from "./parse/parseFootnote";
 import { handleHtml, preprocessNonStandardHtmlTags, preprocessThinkTags } from "./parse/parseHtml";
 import { handleInlineMath, handleMath } from "./parse/parseMath";

package/dist/MarkdownEditor/plugin.d.ts

@@ -1,8 +1,21 @@
 import { Node } from 'mdast';
 import React from 'react';
 import { Editor, NodeEntry } from 'slate';
+import type { Plugin } from 'unified';
 import { ElementProps, Elements } from './el';
 import type { JinjaConfig } from './types';
+/**
+ * MarkdownRenderer 渲染模式下的插件配置。
+ * 与 Slate 编辑器侧的 elements 并行，用于 HTML/React 渲染模式。
+ */
+export interface RendererPlugin {
+    /** 用于 HTML/React 渲染模式的组件映射（tagName → Component） */
+    rendererComponents?: Record<string, React.ComponentType<any>>;
+    /** 自定义 rehype 插件 */
+    rehypePlugins?: Plugin[];
+    /** 自定义 remark 插件 */
+    remarkPlugins?: Plugin[];
+}
 export type MarkdownEditorPlugin = {
     elements?: Record<string, React.ComponentType<ElementProps<any>>>;
     parseMarkdown?: {
@@ -20,5 +33,7 @@ export type MarkdownEditorPlugin = {
     jinja?: true;
     /** 通过插件启用时的默认 Jinja 配置（当未传 props.jinja 时使用） */
     jinjaConfig?: JinjaConfig;
+    /** MarkdownRenderer 渲染模式下的配置 */
+    renderer?: RendererPlugin;
 };
 export declare const PluginContext: React.Context<MarkdownEditorPlugin[]>;