@ant-design/agentic-ui 2.29.29 → 2.29.30

package/dist/MarkdownEditor/editor/Editor.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { MarkdownEditorInstance, MarkdownEditorProps } from '../types';
 /**
  * Markdown 编辑器组件的属性接口
@@ -66,4 +67,4 @@ export type MEditorProps = {
  * - 支持错误边界
  * - 响应式布局
  */
-export declare const SlateMarkdownEditor: (props: MEditorProps) => any;
+export declare const SlateMarkdownEditor: React.MemoExoticComponent<(props: MEditorProps) => any>;

package/dist/MarkdownEditor/editor/Editor.js

@@ -322,7 +322,7 @@ var defaultAllowedTypes = [
  * - 提供粘贴处理
  * - 支持错误边界
  * - 响应式布局
- */ export var SlateMarkdownEditor = function SlateMarkdownEditor(props) {
+ */ export var SlateMarkdownEditor = /*#__PURE__*/ React.memo(function(props) {
     var _markdownEditorRef_current, _props_textAreaProps, _props_comment, _markdownEditorRef_current1;
     // 所有hooks必须在组件顶部按固定顺序调用
     var _useEditorStore = useEditorStore(), store = _useEditorStore.store, markdownEditorRef = _useEditorStore.markdownEditorRef, markdownContainerRef = _useEditorStore.markdownContainerRef, readonly = _useEditorStore.readonly, setDomRect = _useEditorStore.setDomRect, jinjaEnabled = _useEditorStore.jinjaEnabled;
@@ -1229,4 +1229,4 @@ var defaultAllowedTypes = [
         renderLeaf: renderMarkdownLeaf,
         onKeyDown: handleKeyDown
     }))));
-};
+});

package/dist/MarkdownEditor/editor/elements/LinkCard/ReadonlyLinkCard.js

@@ -82,7 +82,8 @@ import { AvatarList } from "../../components/ContributorAvatar";
     var element = param.element, attributes = param.attributes, children = param.children;
     var _element_otherProps, _element_otherProps_collaborators, _element_otherProps1, _element_otherProps2;
     var context = useContext(ConfigProvider.ConfigContext);
-    var baseCls = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-link-card');
+    var contentCls = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-content');
+    var blockCls = contentCls ? "".concat(contentCls, "-link-card") : '';
     var _useState = _sliced_to_array(useState(false), 2), showAsText = _useState[0], setShowAsText = _useState[1];
     // 如果 finished 为 false，设置 5 秒超时，超时后显示为文本
     useEffect(function() {
@@ -123,7 +124,7 @@ import { AvatarList } from "../../components/ContributorAvatar";
         }), children);
     }
     return /*#__PURE__*/ React.createElement("div", attributes, /*#__PURE__*/ React.createElement("div", {
-        className: classNames(baseCls),
+        className: classNames(blockCls),
         "data-be": "link-card",
         draggable: false,
         style: {
@@ -146,12 +147,12 @@ import { AvatarList } from "../../components/ContributorAvatar";
             if (typeof window === 'undefined') return;
             window.open(element === null || element === void 0 ? void 0 : element.url);
         },
-        className: classNames("".concat(baseCls, "-container"))
+        className: classNames("".concat(blockCls, "__container"))
     }, /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-container-content")),
+        className: classNames("".concat(blockCls, "__content")),
         contentEditable: false
     }, element.icon ? /*#__PURE__*/ React.createElement("img", {
-        className: classNames("".concat(baseCls, "-container-content-icon")),
+        className: classNames("".concat(blockCls, "__icon")),
         src: element.icon,
         width: 56
     }) : null, /*#__PURE__*/ React.createElement("div", {
@@ -161,7 +162,7 @@ import { AvatarList } from "../../components/ContributorAvatar";
         }
     }, /*#__PURE__*/ React.createElement("a", {
         href: element === null || element === void 0 ? void 0 : element.url,
-        className: classNames("".concat(baseCls, "-container-content-title")),
+        className: classNames("".concat(blockCls, "__title")),
         onClick: function onClick(e) {
             e.stopPropagation();
             e.preventDefault();
@@ -170,9 +171,9 @@ import { AvatarList } from "../../components/ContributorAvatar";
         },
         download: element.title || element.name || 'no title'
     }, element.title || element.name || 'no title'), /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-container-content-description"))
+        className: classNames("".concat(blockCls, "__description"))
     }, element.description ? element.description : element === null || element === void 0 ? void 0 : element.url), /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-container-content-collaborators"))
+        className: classNames("".concat(blockCls, "__collaborators"))
     }, ((_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) {
             var _Object_keys, _Object_values;
@@ -182,7 +183,7 @@ import { AvatarList } from "../../components/ContributorAvatar";
             };
         }).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", {
-        className: classNames("".concat(baseCls, "-container-content-updateTime")),
+        className: classNames("".concat(blockCls, "__update-time")),
         style: {
             color: 'rgba(0,0,0,0.45)',
             fontSize: 12

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

@@ -53,7 +53,8 @@ export function LinkCard(param) {
     var element = param.element, attributes = param.attributes, children = param.children;
     var _element_otherProps, _element_otherProps_collaborators, _element_otherProps1, _element_otherProps2;
     var context = useContext(ConfigProvider.ConfigContext);
-    var baseCls = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-link-card');
+    var contentCls = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-content');
+    var blockCls = contentCls ? "".concat(contentCls, "-link-card") : '';
     var htmlRef = React.useRef(null);
     var _useState = _sliced_to_array(useState(false), 2), showAsText = _useState[0], setShowAsText = _useState[1];
     // 如果 finished 为 false，设置 5 秒超时，超时后显示为文本
@@ -95,7 +96,7 @@ export function LinkCard(param) {
         }), children);
     }
     return /*#__PURE__*/ React.createElement("div", attributes, /*#__PURE__*/ React.createElement("div", {
-        className: classNames(baseCls),
+        className: classNames(blockCls),
         "data-be": "link-card",
         "data-drag-el": true,
         draggable: false,
@@ -126,12 +127,12 @@ export function LinkCard(param) {
             if (typeof window === 'undefined') return;
             window.open(element === null || element === void 0 ? void 0 : element.url);
         },
-        className: classNames("".concat(baseCls, "-container"))
+        className: classNames("".concat(blockCls, "__container"))
     }, /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-container-content")),
+        className: classNames("".concat(blockCls, "__content")),
         contentEditable: false
     }, element.icon ? /*#__PURE__*/ React.createElement("img", {
-        className: classNames("".concat(baseCls, "-container-content-icon")),
+        className: classNames("".concat(blockCls, "__icon")),
         src: element.icon,
         width: 56
     }) : null, /*#__PURE__*/ React.createElement("div", {
@@ -141,7 +142,7 @@ export function LinkCard(param) {
         }
     }, /*#__PURE__*/ React.createElement("a", {
         href: element === null || element === void 0 ? void 0 : element.url,
-        className: classNames("".concat(baseCls, "-container-content-title")),
+        className: classNames("".concat(blockCls, "__title")),
         onClick: function onClick(e) {
             e.stopPropagation();
             e.preventDefault();
@@ -150,9 +151,9 @@ export function LinkCard(param) {
         },
         download: element.title || element.name || 'no title'
     }, element.title || element.name || 'no title'), /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-container-content-description"))
+        className: classNames("".concat(blockCls, "__description"))
     }, element.description ? element.description : element === null || element === void 0 ? void 0 : element.url), /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-container-content-collaborators"))
+        className: classNames("".concat(blockCls, "__collaborators"))
     }, ((_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) {
             var _Object_keys, _Object_values;
@@ -162,7 +163,7 @@ export function LinkCard(param) {
             };
         }).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", {
-        className: classNames("".concat(baseCls, "-container-content-updateTime")),
+        className: classNames("".concat(blockCls, "__update-time")),
         style: {
             color: 'rgba(0,0,0,0.45)',
             fontSize: 12

package/dist/MarkdownEditor/editor/tools/InsertAutocomplete.js

@@ -969,7 +969,7 @@ export var InsertAutocomplete = function InsertAutocomplete(props) {
         openInsertCompletion
     ]);
     var context = useContext(ConfigProvider.ConfigContext);
-    var baseClassName = context === null || context === void 0 ? void 0 : context.getPrefixCls("md-editor-insert-autocomplete");
+    var baseClassName = context === null || context === void 0 ? void 0 : context.getPrefixCls("agentic-md-editor-insert-autocomplete");
     var _useStyle = useStyle(baseClassName), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     return /*#__PURE__*/ ReactDOM.createPortal(wrapSSR(/*#__PURE__*/ React.createElement("div", {
         ref: dom,

package/dist/MarkdownEditor/editor/tools/JinjaTemplatePanel/index.js

@@ -109,7 +109,7 @@ export var JinjaTemplatePanel = function JinjaTemplatePanel() {
     }), 2), position = _useState3[0], setPosition = _useState3[1];
     var domRef = useRef(null);
     var context = React.useContext(ConfigProvider.ConfigContext);
-    var prefixCls = (_ref3 = context === null || context === void 0 ? void 0 : (_context_getPrefixCls = context.getPrefixCls) === null || _context_getPrefixCls === void 0 ? void 0 : _context_getPrefixCls.call(context, 'md-editor-jinja-panel')) !== null && _ref3 !== void 0 ? _ref3 : JINJA_PANEL_PREFIX_CLS;
+    var prefixCls = (_ref3 = context === null || context === void 0 ? void 0 : (_context_getPrefixCls = context.getPrefixCls) === null || _context_getPrefixCls === void 0 ? void 0 : _context_getPrefixCls.call(context, 'agentic-md-editor-jinja-panel')) !== null && _ref3 !== void 0 ? _ref3 : JINJA_PANEL_PREFIX_CLS;
     var _useJinjaTemplatePanelStyle = useJinjaTemplatePanelStyle(prefixCls), wrapSSR = _useJinjaTemplatePanelStyle.wrapSSR, hashId = _useJinjaTemplatePanelStyle.hashId;
     var close = useCallback(function() {
         setOpenJinjaTemplate === null || setOpenJinjaTemplate === void 0 ? void 0 : setOpenJinjaTemplate(false);

package/dist/MarkdownEditor/editor/tools/JinjaTemplatePanel/style.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const JINJA_PANEL_PREFIX_CLS = "md-editor-jinja-panel";
+export declare const JINJA_PANEL_PREFIX_CLS = "agentic-md-editor-jinja-panel";
 export declare function useJinjaTemplatePanelStyle(prefixCls?: string): {
     hashId: string;
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;

package/dist/MarkdownEditor/editor/tools/JinjaTemplatePanel/style.js

@@ -51,7 +51,7 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { resetComponent, useEditorStyleRegister } from "../../../../Hooks/useStyle";
-export var JINJA_PANEL_PREFIX_CLS = 'md-editor-jinja-panel';
+export var JINJA_PANEL_PREFIX_CLS = 'agentic-md-editor-jinja-panel';
 var genJinjaPanelStyle = function genJinjaPanelStyle(token) {
     return _define_property({}, token.componentCls, {
         boxSizing: 'border-box',

package/dist/MarkdownEditor/editor/tools/ToolBar/FloatBar.js

@@ -155,7 +155,7 @@ var fileMap = new Map();
         };
     }, []);
     var context = useContext(ConfigProvider.ConfigContext);
-    var baseClassName = context === null || context === void 0 ? void 0 : context.getPrefixCls("md-editor-float-bar");
+    var baseClassName = context === null || context === void 0 ? void 0 : context.getPrefixCls("agentic-md-editor-float-bar");
     var _useStyle = useStyle(baseClassName), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     if (!markdownContainerRef.current) return null;
     return /*#__PURE__*/ ReactDOM.createPortal(wrapSSR(/*#__PURE__*/ React.createElement("div", {

package/dist/MarkdownEditor/style.js

@@ -182,73 +182,67 @@ var genStyle = function genStyle(token) {
     }))))), _define_property(_obj, '&[data-task]', {
         listStyle: 'none !important',
         paddingLeft: '0'
-    }), _obj)), // --- LinkCard ---
+    }), _obj)), // --- LinkCard (BEM: block__element) ---
     _define_property(_obj2, "".concat(token.componentCls, "-link-card"), {
         cursor: 'pointer',
         position: 'relative',
         display: 'flex',
+        alignItems: 'center'
+    }), _define_property(_obj2, "".concat(token.componentCls, "-link-card__container"), {
+        padding: 12,
+        border: '1px solid #f0f0f0',
+        borderRadius: '0.5em',
+        margin: '8px 0',
+        width: '100%',
+        maxHeight: '120px',
+        minHeight: 72,
+        backgroundImage: 'linear-gradient(rgb(249, 251, 255) 0%, rgb(243, 248, 255) 100%)',
+        flex: 1,
+        display: 'flex',
         alignItems: 'center',
-        '&-container': {
-            padding: 12,
-            border: '1px solid #f0f0f0',
-            borderRadius: '0.5em',
-            margin: '8px 0',
-            width: '100%',
-            maxHeight: '120px',
-            minHeight: 72,
-            backgroundImage: 'linear-gradient(rgb(249, 251, 255) 0%, rgb(243, 248, 255) 100%)',
-            flex: 1,
-            display: 'flex',
-            alignItems: 'center',
-            gap: 12,
-            color: '#262626',
-            justifyContent: 'space-between',
-            '&-content': {
-                display: 'flex',
-                alignItems: 'center',
-                gap: 12,
-                color: '#262626',
-                fontSize: 16,
-                flex: 1,
-                minWidth: 0,
-                '& &-title': {
-                    overflow: 'ellipsis',
-                    textOverflow: 'ellipsis',
-                    textWrap: 'nowrap',
-                    textDecoration: 'none',
-                    display: 'block',
-                    color: '#262626'
-                },
-                '& &-description': {
-                    flex: 1,
-                    minWidth: 0,
-                    marginTop: 4,
-                    lineHeight: '24px',
-                    display: 'flex',
-                    fontSize: 12,
-                    color: 'rgba(0,0,0,0.45)',
-                    justifyContent: 'space-between'
-                },
-                '& &-collaborators': {
-                    flex: 1,
-                    minWidth: 0,
-                    display: 'flex',
-                    justifyContent: 'space-between'
-                },
-                '& &-updateTime': {
-                    color: 'rgba(0,0,0,0.45)',
-                    fontSize: 12
-                }
-            },
-            '& [data-icon-box]': {
-                padding: '0 18px',
-                color: '#6b7280',
-                cursor: 'pointer',
-                '&:hover': {
-                    color: '#1667ff'
-                }
+        gap: 12,
+        color: '#262626',
+        justifyContent: 'space-between',
+        '& [data-icon-box]': {
+            padding: '0 18px',
+            color: '#6b7280',
+            cursor: 'pointer',
+            '&:hover': {
+                color: '#1667ff'
             }
         }
+    }), _define_property(_obj2, "".concat(token.componentCls, "-link-card__content"), {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 12,
+        color: '#262626',
+        fontSize: 16,
+        flex: 1,
+        minWidth: 0
+    }), _define_property(_obj2, "".concat(token.componentCls, "-link-card__title"), {
+        overflow: 'ellipsis',
+        textOverflow: 'ellipsis',
+        textWrap: 'nowrap',
+        textDecoration: 'none',
+        display: 'block',
+        color: '#262626'
+    }), _define_property(_obj2, "".concat(token.componentCls, "-link-card__description"), {
+        flex: 1,
+        minWidth: 0,
+        marginTop: 4,
+        lineHeight: '24px',
+        display: 'flex',
+        fontSize: 12,
+        color: 'rgba(0,0,0,0.45)',
+        justifyContent: 'space-between'
+    }), _define_property(_obj2, "".concat(token.componentCls, "-link-card__collaborators"), {
+        flex: 1,
+        minWidth: 0,
+        display: 'flex',
+        justifyContent: 'space-between'
+    }), _define_property(_obj2, "".concat(token.componentCls, "-link-card__update-time"), {
+        color: 'rgba(0,0,0,0.45)',
+        fontSize: 12
     }), // --- TagPopup ---
     _define_property(_obj2, "".concat(token.componentCls, "-tag-popup"), {
         position: 'relative',

package/dist/Plugins/chart/ChartRender.js

@@ -645,6 +645,7 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
  * - 提供图表属性工具栏
  * - 使用 React.lazy 和 Suspense 实现代码分割
  */ export var ChartRender = function ChartRender(props) {
+    var _getPrefixCls;
     var // 对于 rest 对象，使用浅比较
     _config_rest, _config_rest1, _config_rest2, _config_rest3, _config_rest4, _config_rest5;
     var _useState = _sliced_to_array(useState(function() {
@@ -652,6 +653,8 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
     }), 2), chartType = _useState[0], setChartType = _useState[1];
     var chartData = props.chartData, isChartList = props.isChartList, onColumnLengthChange = props.onColumnLengthChange, columnLength = props.columnLength, title = props.title, dataTime = props.dataTime, groupBy = props.groupBy, filterBy = props.filterBy, colorLegend = props.colorLegend, _props_loading = props.loading, loading = _props_loading === void 0 ? false : _props_loading;
     var i18n = useContext(I18nContext);
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var prefixCls = getPrefixCls('agentic-plugin-chart');
     var _useState1 = _sliced_to_array(useState(function() {
         return props.config;
     }), 2), config = _useState1[0], setConfig = _useState1[1];
@@ -855,6 +858,7 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
         colorLegend,
         filterBy
     ]);
+    var chartConfigFormPrefixCls = (_getPrefixCls = getPrefixCls('agentic-chart-config-form')) !== null && _getPrefixCls !== void 0 ? _getPrefixCls : 'ant-agentic-chart-config-form';
     /**
    * 图表配置
    */ var toolBar = useMemo(function() {
@@ -939,6 +943,7 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
                 content: /*#__PURE__*/ React.createElement(ConfigProvider, {
                     componentSize: "small"
                 }, /*#__PURE__*/ React.createElement(ProForm, {
+                    prefixCls: chartConfigFormPrefixCls,
                     submitter: {
                         searchConfig: {
                             submitText: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale2 = i18n.locale) === null || _i18n_locale2 === void 0 ? void 0 : _i18n_locale2.updateChart) || '更新'
@@ -955,11 +960,13 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
                         });
                     }
                 }, /*#__PURE__*/ React.createElement("div", {
+                    className: "".concat(chartConfigFormPrefixCls, "__content"),
                     style: {
                         maxHeight: '70vh',
                         overflow: 'auto'
                     }
                 }, /*#__PURE__*/ React.createElement("div", {
+                    className: "".concat(chartConfigFormPrefixCls, "__fields"),
                     style: {
                         display: 'flex',
                         gap: 8
@@ -1015,7 +1022,8 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
         columnLength,
         onColumnLengthChange,
         config,
-        props.config
+        props.config,
+        chartConfigFormPrefixCls
     ]);
     var chartDom = useMemo(function() {
         var _window;
@@ -1026,6 +1034,7 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
         if (chartType === 'table') {
             return /*#__PURE__*/ React.createElement("div", {
                 key: config === null || config === void 0 ? void 0 : config.index,
+                className: "".concat(prefixCls, "__table"),
                 contentEditable: false,
                 style: {
                     margin: 12,
@@ -1050,6 +1059,7 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
         if (chartType === 'descriptions' || renderDescriptionsFallback) {
             return /*#__PURE__*/ React.createElement("div", {
                 key: config === null || config === void 0 ? void 0 : config.index,
+                className: "".concat(prefixCls, "__descriptions"),
                 style: {
                     display: 'flex',
                     flexDirection: 'column',
@@ -1130,6 +1140,7 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
     ]);
     return /*#__PURE__*/ React.createElement("div", {
         ref: containerRef,
+        className: prefixCls,
         style: {
             width: '100%'
         },

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

@@ -556,7 +556,6 @@ import { loadAceEditor, loadAceTheme } from "../loadAceEditor";
         };
     }, [
         aceLoaded,
-        element.value,
         element.language,
         readonly,
         editorProps.codeProps,

package/package.json

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