@ant-design/agentic-ui 2.29.21 → 2.29.23

package/dist/Bubble/MessagesContent/index.js

@@ -324,9 +324,10 @@ export var LOADING_FLAT = '...';
     var locale = useContext(I18nContext).locale;
     var _React_useState = _sliced_to_array(React.useState(false), 2), isExtraNull = _React_useState[0], setIsExtraNull = _React_useState[1];
     var _React_useState1 = _sliced_to_array(React.useState([]), 2), nodeList = _React_useState1[0], setNodeList = _React_useState1[1];
-    var _useMessagesContentStyle = useMessagesContentStyle(), hashId = _useMessagesContentStyle.hashId, wrapSSR = _useMessagesContentStyle.wrapSSR;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var chatCls = getPrefixCls('agentic-ui');
+    var baseChatCls = "".concat(chatCls, "-display");
+    var _useMessagesContentStyle = useMessagesContentStyle(baseChatCls), hashId = _useMessagesContentStyle.hashId, wrapSSR = _useMessagesContentStyle.wrapSSR;
     var funRender = useRefFunction(function(props) {
         var node = nodeList.find(function(item) {
             return item.placeholder === props.identifier;
@@ -368,7 +369,7 @@ export var LOADING_FLAT = '...';
             var _context_thoughtChain;
             if ((context === null || context === void 0 ? void 0 : (_context_thoughtChain = context.thoughtChain) === null || _context_thoughtChain === void 0 ? void 0 : _context_thoughtChain.alwaysRender) !== true) {
                 return wrapSSR(/*#__PURE__*/ React.createElement("div", {
-                    className: classNames('agent-item-default-content', "".concat(chatCls, "-messages-content-loading"), (context === null || context === void 0 ? void 0 : context.compact) ? "".concat(chatCls, "-messages-content-loading-compact") : "".concat(chatCls, "-messages-content-loading-default"), hashId),
+                    className: classNames('agent-item-default-content', "".concat(baseChatCls, "-messages-content-loading"), (context === null || context === void 0 ? void 0 : context.compact) ? "".concat(baseChatCls, "-messages-content-loading-compact") : "".concat(baseChatCls, "-messages-content-loading-default"), hashId),
                     "data-testid": "message-content"
                 }, (locale === null || locale === void 0 ? void 0 : locale['chat.message.thinking']) || '思考中...'));
             }
@@ -511,7 +512,7 @@ export var LOADING_FLAT = '...';
         if (content === '...' || /*#__PURE__*/ React.isValidElement(content) || props.placement !== 'left' || (props === null || props === void 0 ? void 0 : (_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : (_props_originData_extra = _props_originData1.extra) === null || _props_originData_extra === void 0 ? void 0 : (_props_originData_extra_tags = _props_originData_extra.tags) === null || _props_originData_extra_tags === void 0 ? void 0 : (_props_originData_extra_tags_includes = _props_originData_extra_tags.includes) === null || _props_originData_extra_tags_includes === void 0 ? void 0 : _props_originData_extra_tags_includes.call(_props_originData_extra_tags, 'REJECT_TO_ANSWER')) || ((_props_originData2 = props.originData) === null || _props_originData2 === void 0 ? void 0 : _props_originData2.role) === 'bot') {
             var _props_originData11, _props_originData12;
             return wrapSSR(/*#__PURE__*/ React.createElement("div", {
-                className: classNames('agent-item-default-content', "".concat(chatCls, "-messages-content-message"), hashId),
+                className: classNames('agent-item-default-content', "".concat(baseChatCls, "-messages-content-message"), hashId),
                 "data-testid": "message-box-content",
                 onDoubleClick: props.onDoubleClick
             }, /*#__PURE__*/ React.createElement(MarkdownPreview, {
@@ -532,11 +533,11 @@ export var LOADING_FLAT = '...';
         }
         // answerStatus= 'EXCEPTION'时 一定是异常情况
         if (((_props_originData3 = props.originData) === null || _props_originData3 === void 0 ? void 0 : (_props_originData_extra1 = _props_originData3.extra) === null || _props_originData_extra1 === void 0 ? void 0 : _props_originData_extra1.answerStatus) === 'EXCEPTION' || ((_props_originData4 = props.originData) === null || _props_originData4 === void 0 ? void 0 : (_props_originData_extra2 = _props_originData4.extra) === null || _props_originData_extra2 === void 0 ? void 0 : _props_originData_extra2.answerStatus) && !((_props_originData5 = props.originData) === null || _props_originData5 === void 0 ? void 0 : _props_originData5.content)) {
-            return /*#__PURE__*/ React.createElement(EXCEPTION, {
+            return wrapSSR(/*#__PURE__*/ React.createElement(EXCEPTION, {
                 content: props.originData.content,
                 originData: props.originData,
                 extra: isExtraNull ? null : extra
-            });
+            }));
         }
         var docInfoList = [
             props === null || props === void 0 ? void 0 : (_props_originData6 = props.originData) === null || _props_originData6 === void 0 ? void 0 : (_props_originData_extra3 = _props_originData6.extra) === null || _props_originData_extra3 === void 0 ? void 0 : _props_originData_extra3.white_box_process
@@ -558,7 +559,7 @@ export var LOADING_FLAT = '...';
                 reference_url_info_list: ((_props_docListProps1 = props.docListProps) === null || _props_docListProps1 === void 0 ? void 0 : _props_docListProps1.reference_url_info_list) || ((_props_originData13 = props.originData) === null || _props_originData13 === void 0 ? void 0 : (_props_originData_extra4 = _props_originData13.extra) === null || _props_originData_extra4 === void 0 ? void 0 : _props_originData_extra4.reference_url_info_list) || []
             }));
         }
-        return /*#__PURE__*/ React.createElement(MarkdownPreview, {
+        return wrapSSR(/*#__PURE__*/ React.createElement(MarkdownPreview, {
             markdownRenderConfig: props.markdownRenderConfig,
             isFinished: (_props_originData7 = props.originData) === null || _props_originData7 === void 0 ? void 0 : _props_originData7.isFinished,
             beforeContent: beforeContent,
@@ -574,7 +575,7 @@ export var LOADING_FLAT = '...';
                     if (!(item === null || item === void 0 ? void 0 : item.origin_text)) return null;
                     return /*#__PURE__*/ React.createElement(Popover, {
                         title: /*#__PURE__*/ React.createElement("div", {
-                            className: classNames("".concat(chatCls, "-messages-content-popover-title"), hashId),
+                            className: classNames("".concat(baseChatCls, "-messages-content-popover-title"), hashId),
                             style: props === null || props === void 0 ? void 0 : (_props_customConfig = props.customConfig) === null || _props_customConfig === void 0 ? void 0 : (_props_customConfig_PopoverProps = _props_customConfig.PopoverProps) === null || _props_customConfig_PopoverProps === void 0 ? void 0 : _props_customConfig_PopoverProps.titleStyle
                         }, /*#__PURE__*/ React.createElement("div", null, (locale === null || locale === void 0 ? void 0 : locale['chat.message.referenceDocument']) || '参考文档'), (item === null || item === void 0 ? void 0 : item.origin_url) ? /*#__PURE__*/ React.createElement(ActionIconBox, {
                             title: (locale === null || locale === void 0 ? void 0 : locale['chat.message.viewOriginal']) || '查看原文',
@@ -590,7 +591,7 @@ export var LOADING_FLAT = '...';
                             }
                         }, /*#__PURE__*/ React.createElement(ExportOutlined, null)) : null),
                         content: /*#__PURE__*/ React.createElement("div", {
-                            className: classNames("".concat(chatCls, "-messages-content-popover-content"), hashId),
+                            className: classNames("".concat(baseChatCls, "-messages-content-popover-content"), hashId),
                             style: props === null || props === void 0 ? void 0 : (_props_customConfig2 = props.customConfig) === null || _props_customConfig2 === void 0 ? void 0 : (_props_customConfig_PopoverProps1 = _props_customConfig2.PopoverProps) === null || _props_customConfig_PopoverProps1 === void 0 ? void 0 : _props_customConfig_PopoverProps1.contentStyle
                         }, /*#__PURE__*/ React.createElement(MarkdownEditor, {
                             style: {
@@ -616,12 +617,12 @@ export var LOADING_FLAT = '...';
                                 }
                             }, item.docId)
                         }, /*#__PURE__*/ React.createElement("div", {
-                            className: classNames("".concat(chatCls, "-messages-content-doc-tag"), hashId)
+                            className: classNames("".concat(baseChatCls, "-messages-content-doc-tag"), hashId)
                         }, /*#__PURE__*/ React.createElement("img", {
-                            className: classNames("".concat(chatCls, "-messages-content-doc-tag-icon"), hashId),
+                            className: classNames("".concat(baseChatCls, "-messages-content-doc-tag-icon"), hashId),
                             src: 'https://mdn.alipayobjects.com/huamei_ptjqan/afts/img/A*kF_GTppRbp4AAAAAAAAAAAAADkN6AQ/original'
                         }), /*#__PURE__*/ React.createElement("div", {
-                            className: classNames("".concat(chatCls, "-messages-content-doc-name"), hashId)
+                            className: classNames("".concat(baseChatCls, "-messages-content-doc-name"), hashId)
                         }, item === null || item === void 0 ? void 0 : item.doc_name))) : null)
                     }, _);
                 },
@@ -636,7 +637,7 @@ export var LOADING_FLAT = '...';
             htmlRef: props.bubbleListRef,
             content: ((_props_originData8 = props.originData) === null || _props_originData8 === void 0 ? void 0 : _props_originData8.isFinished) ? ((_props_originData9 = props.originData) === null || _props_originData9 === void 0 ? void 0 : _props_originData9.content) || (locale === null || locale === void 0 ? void 0 : locale['chat.message.generateFailed']) || '生成回答失败，请重试' : ((_props_originData10 = props.originData) === null || _props_originData10 === void 0 ? void 0 : _props_originData10.content) || '',
             originData: props.originData
-        });
+        }));
     }, [
         content,
         props === null || props === void 0 ? void 0 : (_props_originData5 = props.originData) === null || _props_originData5 === void 0 ? void 0 : _props_originData5.feedback,

package/dist/Bubble/MessagesContent/style.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare function useMessagesContentStyle(): {
+export declare function useMessagesContentStyle(componentCls: string): {
     hashId: string;
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
 } | {

package/dist/Bubble/MessagesContent/style.js

@@ -54,7 +54,7 @@ import { useEditorStyleRegister } from "../../Hooks/useStyle";
 var genStyle = function genStyle(token) {
     var _obj;
     return _obj = {}, // 加载状态容器（compact模式）
-    _define_property(_obj, "".concat(token.chatCls, "-messages-content-loading"), {
+    _define_property(_obj, "".concat(token.componentCls, "-messages-content-loading"), {
         lineHeight: '24px',
         display: 'flex',
         alignItems: 'center',
@@ -67,19 +67,19 @@ var genStyle = function genStyle(token) {
             padding: 'var(--padding-3x)'
         }
     }), // 消息内容容器
-    _define_property(_obj, "".concat(token.chatCls, "-messages-content-message"), {
+    _define_property(_obj, "".concat(token.componentCls, "-messages-content-message"), {
         lineHeight: '24px'
     }), // 用户消息文本颜色
-    _define_property(_obj, "".concat(token.chatCls, "-messages-content-user-text"), {
+    _define_property(_obj, "".concat(token.componentCls, "-messages-content-user-text"), {
         color: '#343A45'
     }), // Popover 标题容器
-    _define_property(_obj, "".concat(token.chatCls, "-messages-content-popover-title"), {
+    _define_property(_obj, "".concat(token.componentCls, "-messages-content-popover-title"), {
         display: 'flex',
         justifyContent: 'space-between',
         alignItems: 'center',
         fontSize: '1em'
     }), // Popover 内容容器
-    _define_property(_obj, "".concat(token.chatCls, "-messages-content-popover-content"), {
+    _define_property(_obj, "".concat(token.componentCls, "-messages-content-popover-content"), {
         width: 400,
         display: 'flex',
         maxHeight: 400,
@@ -87,7 +87,7 @@ var genStyle = function genStyle(token) {
         flexDirection: 'column',
         gap: 'var(--padding-3x)'
     }), // MarkdownEditor 容器样式
-    _define_property(_obj, "".concat(token.chatCls, "-messages-content-markdown-editor"), {
+    _define_property(_obj, "".concat(token.componentCls, "-messages-content-markdown-editor"), {
         padding: 0,
         width: '100%'
     }), // 重新生成按钮容器
@@ -97,7 +97,7 @@ var genStyle = function genStyle(token) {
         cursor: 'pointer',
         alignItems: 'center'
     }), // 文档标签容器
-    _define_property(_obj, "".concat(token.chatCls, "-messages-content-doc-tag"), {
+    _define_property(_obj, "".concat(token.componentCls, "-messages-content-doc-tag"), {
         borderRadius: 'var(--padding-5x)',
         opacity: 1,
         display: 'flex',
@@ -110,10 +110,10 @@ var genStyle = function genStyle(token) {
         cursor: 'pointer',
         zIndex: 1
     }), // 文档标签图标
-    _define_property(_obj, "".concat(token.chatCls, "-messages-content-doc-tag-icon"), {
+    _define_property(_obj, "".concat(token.componentCls, "-messages-content-doc-tag-icon"), {
         width: 24
     }), // 文档名称文本
-    _define_property(_obj, "".concat(token.chatCls, "-messages-content-doc-name"), {
+    _define_property(_obj, "".concat(token.componentCls, "-messages-content-doc-name"), {
         overflow: 'hidden',
         textOverflow: 'ellipsis',
         WebkitBoxOrient: 'vertical',
@@ -121,12 +121,10 @@ var genStyle = function genStyle(token) {
         display: '-webkit-box'
     }), _obj;
 };
-export function useMessagesContentStyle() {
+export function useMessagesContentStyle(componentCls) {
     return useEditorStyleRegister('BubbleMessageDisplay', function(token) {
         var chatToken = _object_spread_props(_object_spread({}, token), {
-            componentCls: token.componentCls || '',
-            chatCls: '',
-            antCls: ''
+            componentCls: componentCls || ''
         });
         return genStyle(chatToken);
     });

package/dist/MarkdownEditor/BaseMarkdownEditor.js

@@ -6,6 +6,9 @@ function _array_like_to_array(arr, len) {
 function _array_with_holes(arr) {
     if (Array.isArray(arr)) return arr;
 }
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -19,6 +22,9 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
 function _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -46,6 +52,9 @@ function _iterable_to_array_limit(arr, i) {
 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 _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -124,6 +133,9 @@ function _object_without_properties_loose(source, excluded) {
 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 _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
 function _unsupported_iterable_to_array(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _array_like_to_array(o, minLen);
@@ -139,7 +151,7 @@ import { Subject } from "rxjs";
 import { createEditor } from "slate";
 import { withHistory } from "slate-history";
 import { withReact } from "slate-react";
-import { I18nProvide } from "../I18n";
+import { I18nContext, I18nProvide } from "../I18n";
 import { CommentList } from "./editor/components/CommentList";
 import { SlateMarkdownEditor } from "./editor/Editor";
 import { parserMdToSchema } from "./editor/parser/parserMdToSchema";
@@ -172,6 +184,15 @@ var composeEditors = function composeEditors(editor, plugins) {
     }
     return editor;
 };
+var I18nBoundary = function I18nBoundary(param) {
+    var children = param.children;
+    var outerI18n = useContext(I18nContext);
+    var hasOuterI18nProvider = Boolean((outerI18n === null || outerI18n === void 0 ? void 0 : outerI18n.setLanguage) || (outerI18n === null || outerI18n === void 0 ? void 0 : outerI18n.setLocale));
+    if (hasOuterI18nProvider) {
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
+    }
+    return /*#__PURE__*/ React.createElement(I18nProvide, null, children);
+};
 /**
  * BaseMarkdownEditor 组件 - 基础Markdown编辑器组件
  *
@@ -300,16 +321,22 @@ var composeEditors = function composeEditors(editor, plugins) {
     /**
    * 初始化 schema
    */ var initSchemaValue = useMemo(function() {
-        var _parserMdToSchema;
-        var list = (_parserMdToSchema = parserMdToSchema(initValue, props.plugins)) === null || _parserMdToSchema === void 0 ? void 0 : _parserMdToSchema.schema;
+        // 安全地获取解析结果，确保 list 始终是数组
+        var parseResult = parserMdToSchema(initValue || '', props.plugins);
+        var list = (parseResult === null || parseResult === void 0 ? void 0 : parseResult.schema) || [];
+        // 如果不是只读模式，添加一个空段落以便编辑
         if (!props.readonly) {
-            list.push(EditorUtils.p);
+            list = _to_consumable_array(list).concat([
+                EditorUtils.p
+            ]);
         }
+        // 优先使用外部传入的 initSchemaValue，否则根据 initValue 决定
         var schema = props.initSchemaValue || (initValue ? list : JSON.parse(JSON.stringify([
             EditorUtils.p
         ])));
+        // 过滤掉无效的空节点
         return schema === null || schema === void 0 ? void 0 : schema.filter(function(item) {
-            if (item.type === 'p' && item.children.length === 0) {
+            if (item.type === 'paragraph' && item.children.length === 0) {
                 return false;
             }
             if ((item.type === 'list' || item.type === 'bulleted-list' || item.type === 'numbered-list') && item.children.length === 0) {
@@ -369,7 +396,7 @@ var composeEditors = function composeEditors(editor, plugins) {
     }, []);
     var _useState6 = _sliced_to_array(useState(null), 2), domRect = _useState6[0], setDomRect = _useState6[1];
     var _obj;
-    return wrapSSR(/*#__PURE__*/ React.createElement(I18nProvide, null, /*#__PURE__*/ React.createElement(PluginContext.Provider, {
+    return wrapSSR(/*#__PURE__*/ React.createElement(I18nBoundary, null, /*#__PURE__*/ React.createElement(PluginContext.Provider, {
         value: props.plugins || []
     }, /*#__PURE__*/ React.createElement(EditorStoreContext.Provider, {
         value: {

package/dist/MarkdownEditor/editor/tools/ToolBar/components/HeadingDropdown.js

@@ -2,12 +2,17 @@ import { Dropdown } from "antd";
 import classnames from "classnames";
 import React from "react";
 import { ToolBarItem } from "./ToolBarItem";
-var HeatTextMap = {
-    1: '大标题',
-    2: '段落标题',
-    3: '小标题',
-    4: '正文',
-    Text: '正文'
+var HeadingLocaleKeyMap = {
+    1: 'largeTitle',
+    2: 'paragraphTitle',
+    3: 'smallTitle',
+    4: 'bodyText',
+    Text: 'bodyText'
+};
+var getHeadingText = function getHeadingText(i18n, level) {
+    var _i18n_locale;
+    var localeKey = HeadingLocaleKeyMap[level];
+    return (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale[localeKey]) || localeKey;
 };
 export var HeadingDropdown = /*#__PURE__*/ React.memo(function(param) {
     var baseClassName = param.baseClassName, hashId = param.hashId, i18n = param.i18n, node = param.node, hideTools = param.hideTools, onHeadingChange = param.onHeadingChange;
@@ -22,8 +27,9 @@ export var HeadingDropdown = /*#__PURE__*/ React.memo(function(param) {
             if (hideTools === null || hideTools === void 0 ? void 0 : hideTools.includes(item)) {
                 return null;
             }
+            var level = item === 'Text' ? 'Text' : Number(item.slice(1));
             return {
-                label: HeatTextMap[item.replace('H', '')] || item,
+                label: getHeadingText(i18n, level),
                 key: "head-".concat(item),
                 onClick: function onClick() {
                     return onHeadingChange(index + 1);
@@ -32,15 +38,17 @@ export var HeadingDropdown = /*#__PURE__*/ React.memo(function(param) {
         }).filter(Boolean);
     }, [
         hideTools,
+        i18n,
         onHeadingChange
     ]);
     var currentText = React.useMemo(function() {
         var _node_;
         if (node === null || node === void 0 ? void 0 : (_node_ = node[0]) === null || _node_ === void 0 ? void 0 : _node_.level) {
-            return HeatTextMap[node[0].level + ''] || "H".concat(node[0].level);
+            return getHeadingText(i18n, node[0].level);
         }
-        return '正文';
+        return getHeadingText(i18n, 'Text');
     }, [
+        i18n,
         node
     ]);
     return /*#__PURE__*/ React.createElement(Dropdown, {

package/package.json

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