@ant-design/agentic-ui 2.30.1 → 2.30.3

package/dist/Hooks/useLanguage.d.ts

@@ -71,6 +71,8 @@ export declare function useLanguage(): {
         radarChart: string;
         scatterChart: string;
         funnelChart: string;
+        boxplotChart: string;
+        histogramChart: string;
         configChart: string;
         updateChart: string;
         barChart: string;
@@ -168,6 +170,7 @@ export declare function useLanguage(): {
         runCode: string;
         rerender: string;
         download: string;
+        copyMarkdown: string;
         dragToMove: string;
         format: string;
         removeLink: string;

package/dist/I18n/locales.d.ts

@@ -33,6 +33,8 @@ export declare const cnLabels: {
     radarChart: string;
     scatterChart: string;
     funnelChart: string;
+    boxplotChart: string;
+    histogramChart: string;
     configChart: string;
     updateChart: string;
     barChart: string;
@@ -130,6 +132,7 @@ export declare const cnLabels: {
     runCode: string;
     rerender: string;
     download: string;
+    copyMarkdown: string;
     dragToMove: string;
     format: string;
     removeLink: string;

package/dist/I18n/locales.js

@@ -32,6 +32,8 @@
     radarChart: '雷达图',
     scatterChart: '散点图',
     funnelChart: '漏斗图',
+    boxplotChart: '箱线图',
+    histogramChart: '直方图',
     configChart: '配置图表',
     updateChart: '更新',
     barChart: '条形图',
@@ -130,6 +132,7 @@
     runCode: '运行代码',
     rerender: '重新渲染',
     download: '下载',
+    copyMarkdown: '复制表格',
     dragToMove: '拖拽移动',
     format: '格式化',
     removeLink: '移除链接',
@@ -490,6 +493,8 @@
     radarChart: 'Radar Chart',
     scatterChart: 'Scatter Chart',
     funnelChart: 'Funnel Chart',
+    boxplotChart: 'Box Plot',
+    histogramChart: 'Histogram',
     barChart: 'Bar Chart',
     lineChart: 'Line Chart',
     columnChart: 'Column Chart',
@@ -552,6 +557,7 @@
     runCode: 'Run Code',
     rerender: 'Rerender',
     download: 'Download',
+    copyMarkdown: 'Copy Table',
     dragToMove: 'Drag to Move',
     format: 'Format',
     removeLink: 'Remove Link',

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

@@ -6,7 +6,8 @@ export declare const JINJA_DOLLAR_PLACEHOLDER = "\uE01A";
 /**
  * 保护时间格式（如 02:20:31）不被 remark-directive 误解析为 textDirective。
  * remark-directive 会将 ":20"、":31" 等解析为指令，导致 "Cannot handle unknown node textDirective"。
- * 在数字与冒号间插入零宽空格 \u200B 以阻断误解析。
+ * 使用反斜杠转义冒号（remark-directive 推荐：\:port 可防止 :port 被解析为指令）。
+ * 围栏代码块与行内反引号内不处理：该处为字面量，不应出现 `\:` 污染。
  * 须在 remark-directive 解析前执行。
  */
 export declare function preprocessProtectTimeFromDirective(markdown: string): string;

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

@@ -3,18 +3,96 @@
  * 在 markdown 解析前替换，渲染与序列化时还原为 $。
  */ export var JINJA_DOLLAR_PLACEHOLDER = '\uE01A';
 /** URL 协议占位符，用于保护时间格式预处理时不影响 https:// 等 */ var URL_PROTOCOL_PLACEHOLDER = '\uE01B\uE01B';
+/** CommonMark：最多 3 个前导空白后接至少 3 个 backtick 的围栏行 */ var FENCE_DELIMITER_LINE = /^[\t \uFEFF]{0,3}`{3,}/;
+function protectLineFromDirectiveTime(markdownLine) {
+    var withProtocolProtected = markdownLine.replace(/:\/\//g, URL_PROTOCOL_PLACEHOLDER);
+    var withTimeProtected = withProtocolProtected.replace(/:(\d)/g, function(_, d) {
+        return "\\:".concat(d);
+    });
+    return withTimeProtected.replace(/\uE01B\uE01B/g, '://');
+}
+/**
+ * CommonMark 行内代码：起始与结束为等长反引号串，结束串后不得紧跟反引号（避免与更长串混淆）。
+ */ function findInlineCodeClose(line, contentStart, openCount) {
+    for(var pos = contentStart; pos < line.length; pos++){
+        if (line[pos] !== '`') continue;
+        var k = 0;
+        while(k < openCount && pos + k < line.length && line[pos + k] === '`'){
+            k++;
+        }
+        if (k !== openCount) continue;
+        if (pos + openCount < line.length && line[pos + openCount] === '`') continue;
+        return pos;
+    }
+    return -1;
+}
+/** 围栏外单行：跳过行内反引号包裹片段，仅对其余文本做 directive 时间保护 */ function protectLineOutsideInlineCode(markdownLine) {
+    var result = '';
+    var i = 0;
+    while(i < markdownLine.length){
+        if (markdownLine[i] !== '`') {
+            var next = markdownLine.indexOf('`', i);
+            if (next === -1) {
+                result += protectLineFromDirectiveTime(markdownLine.slice(i));
+                break;
+            }
+            result += protectLineFromDirectiveTime(markdownLine.slice(i, next));
+            i = next;
+            continue;
+        }
+        var blockStart = i;
+        var openCount = 0;
+        while(i < markdownLine.length && markdownLine[i] === '`'){
+            openCount++;
+            i++;
+        }
+        var contentStart = i;
+        var closePos = findInlineCodeClose(markdownLine, contentStart, openCount);
+        if (closePos === -1) {
+            result += markdownLine.slice(blockStart);
+            break;
+        }
+        var blockEnd = closePos + openCount;
+        result += markdownLine.slice(blockStart, blockEnd);
+        i = blockEnd;
+    }
+    return result;
+}
 /**
  * 保护时间格式（如 02:20:31）不被 remark-directive 误解析为 textDirective。
  * remark-directive 会将 ":20"、":31" 等解析为指令，导致 "Cannot handle unknown node textDirective"。
- * 在数字与冒号间插入零宽空格 \u200B 以阻断误解析。
+ * 使用反斜杠转义冒号（remark-directive 推荐：\:port 可防止 :port 被解析为指令）。
+ * 围栏代码块与行内反引号内不处理：该处为字面量，不应出现 `\:` 污染。
  * 须在 remark-directive 解析前执行。
  */ export function preprocessProtectTimeFromDirective(markdown) {
     if (!markdown || markdown.length === 0) return markdown;
-    var withProtocolProtected = markdown.replace(/:\/\//g, URL_PROTOCOL_PLACEHOLDER);
-    // 使用反斜杠转义冒号，阻止 ":20"、":31" 等被 remark-directive 解析为 textDirective
-    // remark-directive 官方推荐：\:port 可防止 :port 被解析为指令
-    var withTimeProtected = withProtocolProtected.replace(/:(\d)/g, function(_, d) {
-        return "\\:".concat(d);
-    });
-    return withTimeProtected.replace(/\uE01B\uE01B/g, '://');
+    var lines = markdown.split('\n');
+    var inFence = false;
+    var out = [];
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = lines[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var line = _step.value;
+            if (FENCE_DELIMITER_LINE.test(line)) {
+                inFence = !inFence;
+                out.push(line);
+                continue;
+            }
+            out.push(inFence ? line : protectLineOutsideInlineCode(line));
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    return out.join('\n');
 }

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

@@ -3,7 +3,6 @@ import { Subject } from 'rxjs';
 import { BaseEditor, Node, NodeMatch, Path, RangeMode, Selection } from 'slate';
 import { HistoryEditor } from 'slate-history';
 import { ReactEditor } from 'slate-react';
-import { T } from 'vitest/dist/chunks/environment.LoooBwUu.js';
 import { FootnoteDefinitionNode } from '../el';
 import type { MarkdownEditorPlugin } from '../plugin';
 import { CommentDataType, MarkdownEditorProps } from '../types';
@@ -236,7 +235,7 @@ export declare class EditorStore {
      */
     removeNodes: (options?: {
         at?: Location;
-        match?: NodeMatch<T>;
+        match?: NodeMatch<Node>;
         mode?: RangeMode;
         hanging?: boolean;
         voids?: boolean;

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

@@ -15,9 +15,7 @@ export var ToolBarItem = /*#__PURE__*/ React.memo(function(param) {
     }, [
         onMouseDown
     ]);
-    return /*#__PURE__*/ React.createElement(Tooltip, {
-        title: title
-    }, /*#__PURE__*/ React.createElement("div", {
+    var content = /*#__PURE__*/ React.createElement("div", {
         role: role,
         className: className,
         style: style,
@@ -25,6 +23,10 @@ export var ToolBarItem = /*#__PURE__*/ React.memo(function(param) {
         onMouseDown: handleMouseDown,
         onMouseEnter: onMouseEnter,
         tabIndex: tabIndex
-    }, children || icon));
+    }, children || icon);
+    // 仅在有 title 时使用 Tooltip，避免 rc-resize-observer 的 findDOMNode 弃用警告
+    return title ? /*#__PURE__*/ React.createElement(Tooltip, {
+        title: title
+    }, content) : content;
 });
 ToolBarItem.displayName = 'ToolBarItem';

package/dist/MarkdownRenderer/renderers/ChartRenderer.js

@@ -142,6 +142,7 @@ import React, { useEffect, useMemo, useRef, useState } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { Loading } from "../../Components/Loading";
 import { ChartRender } from "../../Plugins/chart/ChartRender";
+import { parseChineseCurrencyToNumber } from "../../Plugins/chart/utils";
 var extractTextContent = function extractTextContent1(children) {
     var _children_props;
     if (typeof children === 'string') return children;
@@ -366,13 +367,21 @@ var extractTextContent = function extractTextContent1(children) {
             var row = _object_spread_props(_object_spread({}, rowData), {
                 column_list: Object.keys(rowData)
             });
+            var coerceChartAxisCell = function coerceChartAxisCell(raw) {
+                if (typeof raw === 'number' && Number.isFinite(raw)) return raw;
+                var n = Number(raw);
+                if (Number.isFinite(n)) return n;
+                if (typeof raw === 'string') {
+                    var cn = parseChineseCurrencyToNumber(raw);
+                    if (cn !== null) return cn;
+                }
+                return raw;
+            };
             if (x && row[x] !== undefined) {
-                var num = Number(row[x]);
-                if (!isNaN(num)) row[x] = num;
+                row[x] = coerceChartAxisCell(row[x]);
             }
             if (y && row[y] !== undefined) {
-                var num1 = Number(row[y]);
-                if (!isNaN(num1)) row[y] = num1;
+                row[y] = coerceChartAxisCell(row[y]);
             }
             return row;
         });

package/dist/MarkdownRenderer/useMarkdownToReact.js

@@ -138,6 +138,7 @@ import { JINJA_DOLLAR_PLACEHOLDER } from "../MarkdownEditor/editor/parser/consta
 import { remarkDirectiveContainer } from "../MarkdownEditor/editor/parser/remarkDirectiveContainer";
 import { convertParagraphToImage, fixStrongWithSpecialChars, protectJinjaDollarInText } from "../MarkdownEditor/editor/parser/remarkParse";
 import { REMARK_REHYPE_DIRECTIVE_HANDLERS } from "../MarkdownEditor/editor/utils/markdownToHtml";
+import { parseChineseCurrencyToNumber } from "../Plugins/chart/utils";
 import { ToolUseBarThink } from "../ToolUseBarThink";
 import AnimationText from "./AnimationText";
 var INLINE_MATH_WITH_SINGLE_DOLLAR = {
@@ -177,8 +178,17 @@ var extractCellText = function extractCellText1(cell) {
         row.children.forEach(function(cell, j) {
             if (j < columns.length) {
                 var val = extractCellText(cell);
-                var num = Number(val);
-                record[columns[j].dataIndex] = isNaN(num) || val === '' ? val : num;
+                if (val === '') {
+                    record[columns[j].dataIndex] = val;
+                } else {
+                    var num = Number(val);
+                    if (Number.isFinite(num)) {
+                        record[columns[j].dataIndex] = num;
+                    } else {
+                        var cn = parseChineseCurrencyToNumber(val);
+                        record[columns[j].dataIndex] = cn !== null ? cn : val;
+                    }
+                }
             }
         });
         dataSource.push(record);
@@ -356,14 +366,13 @@ var createHastProcessor = function createHastProcessor(extraRemarkPlugins, confi
 };
 var extractLanguageFromClassName = function extractLanguageFromClassName(className) {
     if (!className) return undefined;
-    var classes = Array.isArray(className) ? className : [
-        className
-    ];
+    var flat = typeof className === 'string' ? className : className.map(String).join(' ');
+    var classes = flat.split(/\s+/).filter(Boolean);
     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
     try {
         for(var _iterator = classes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
             var cls = _step.value;
-            var match = String(cls).match(/^language-(.+)$/);
+            var match = cls.match(/^language-(.+)$/);
             if (match) return match[1];
         }
     } catch (err) {
@@ -766,13 +775,15 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
             }));
         },
         code: function code(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var _node = props.node, children = props.children, className = props.className, rest = _object_without_properties(props, [
                 "node",
-                "children"
+                "children",
+                "className"
             ]);
+            var fenceLang = extractLanguageFromClassName(className);
             return jsx('code', _object_spread_props(_object_spread({}, rest), {
-                'data-testid': 'markdown-inline-code',
-                className: "".concat(contentCls, "-inline-code"),
+                'data-testid': fenceLang ? 'markdown-fenced-code' : 'markdown-inline-code',
+                className: fenceLang ? className : "".concat(contentCls, "-inline-code"),
                 children: children
             }));
         },
@@ -822,19 +833,24 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
         // ================================================================
         // 代码块 pre > code → 路由到自定义渲染器
         pre: function pre(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var _hastPreNode_children_, _hastPreNode_children, _hastPreNode_children__properties;
+            var hastPreNode = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
             var codeChild = Array.isArray(children) ? children[0] : children;
             var codeProps = (codeChild === null || codeChild === void 0 ? void 0 : codeChild.props) || {};
+            var codeHastClass = (hastPreNode === null || hastPreNode === void 0 ? void 0 : (_hastPreNode_children = hastPreNode.children) === null || _hastPreNode_children === void 0 ? void 0 : (_hastPreNode_children_ = _hastPreNode_children[0]) === null || _hastPreNode_children_ === void 0 ? void 0 : _hastPreNode_children_.type) === 'element' && hastPreNode.children[0].tagName === 'code' ? (_hastPreNode_children__properties = hastPreNode.children[0].properties) === null || _hastPreNode_children__properties === void 0 ? void 0 : _hastPreNode_children__properties.className : undefined;
             var language = extractLanguageFromClassName(codeProps.className);
+            if (!language) {
+                language = extractLanguageFromClassName(codeHastClass);
+            }
             var CodeBlockComponent = userComponents.__codeBlock || userComponents.code;
             if (CodeBlockComponent) {
                 return jsx(CodeBlockComponent, _object_spread_props(_object_spread({}, rest), {
                     language: language,
                     children: codeProps.children,
-                    node: _node
+                    node: hastPreNode
                 }));
             }
             return jsxs('pre', _object_spread_props(_object_spread({}, rest), {
@@ -1056,7 +1072,8 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
             Fragment: Fragment,
             jsx: jsx,
             jsxs: jsxs,
-            components: components
+            components: components,
+            passNode: true
         });
     } catch (unused) {
         return null;
@@ -1167,7 +1184,9 @@ export var useMarkdownToReact = function useMarkdownToReact(content, options) {
                 var isLast = i === blocks.length - 1;
                 // 用 index + 内容前 64 字符作 key，保持稳定性：
                 // 相同位置 + 相同内容开头 → 相同 key → React 不 unmount
-                var stableKey = "b".concat(i, "-").concat(block.slice(0, 64));
+                // 流式场景下，最后一个块内容频繁变化，若 key 随内容变会导致反复 unmount/remount，
+                // ChartBlockRenderer 等会重复展示 Loading，故对末块使用稳定 key
+                var stableKey = isLast && (options === null || options === void 0 ? void 0 : options.streaming) ? "b".concat(i, "-last") : "b".concat(i, "-").concat(block.slice(0, 64));
                 if (!isLast) {
                     var cached = cache.get(block);
                     if (cached && cached.source === block) {
@@ -1232,7 +1251,8 @@ export var useMarkdownToReact = function useMarkdownToReact(content, options) {
             Fragment: Fragment,
             jsx: jsx,
             jsxs: jsxs,
-            components: allComponents
+            components: allComponents,
+            passNode: true
         });
     } catch (error) {
         console.error('Failed to render markdown:', error);

package/dist/Plugins/chart/AreaChart/index.js

@@ -194,8 +194,8 @@ import { useStyle } from "./style";
                     return gradient;
                 },
                 pointBackgroundColor: resolvedColor,
-                pointBorderColor: '#fff',
-                pointBorderWidth: 1,
+                pointBorderColor: isLight ? '#fff' : resolvedColor,
+                pointBorderWidth: isLight ? 1 : 0,
                 borderWidth: 3,
                 tension: 0,
                 fill: true
@@ -209,7 +209,8 @@ import { useStyle } from "./style";
         filteredData,
         types,
         xValues,
-        color
+        color,
+        isLight
     ]);
     var options = {
         responsive: true,

package/dist/Plugins/chart/BarChart/index.js

@@ -120,7 +120,8 @@ import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Bar } from "react-chartjs-2";
 import { ChartContainer, ChartFilter, ChartStatistic, ChartToolBar, downloadChart } from "../components";
 import { defaultColorList } from "../const";
-import { extractAndSortXValues, findDataPointByXValue, hexToRgba, resolveCssVariable } from "../utils";
+import { extractAndSortXValues, findDataPointByXValue, hexToRgba, resolveCssVariable, toNumber } from "../utils";
+import { useChartTheme } from "../hooks";
 import { useStyle } from "./style";
 /**
  * @fileoverview 柱状图组件文件
@@ -279,7 +280,7 @@ var BarChart = function BarChart(param) {
     // 是否是正负柱图（同一批次同时存在正值与负值）
     var hasPositive = useMemo(function() {
         return filteredData.some(function(item) {
-            var v = typeof item.y === 'number' ? item.y : Number(item.y);
+            var v = typeof item.y === 'number' ? item.y : toNumber(item.y, Number.NaN);
             return Number.isFinite(v) && v > 0;
         });
     }, [
@@ -287,7 +288,7 @@ var BarChart = function BarChart(param) {
     ]);
     var hasNegative = useMemo(function() {
         return filteredData.some(function(item) {
-            var v = typeof item.y === 'number' ? item.y : Number(item.y);
+            var v = typeof item.y === 'number' ? item.y : toNumber(item.y, Number.NaN);
             return Number.isFinite(v) && v < 0;
         });
     }, [
@@ -316,7 +317,7 @@ var BarChart = function BarChart(param) {
             var typeData = xValues.map(function(x) {
                 var dataPoint = findDataPointByXValue(filteredData, x, type);
                 var v = dataPoint === null || dataPoint === void 0 ? void 0 : dataPoint.y;
-                var n = typeof v === 'number' ? v : Number(v);
+                var n = typeof v === 'number' ? v : toNumber(v, Number.NaN);
                 return Number.isFinite(n) ? n : null;
             });
             return _object_spread_props(_object_spread({
@@ -511,9 +512,8 @@ var BarChart = function BarChart(param) {
     }, [
         filterLabels
     ]);
-    var isLight = theme === 'light';
-    var axisTextColor = isLight ? 'rgba(0, 25, 61, 0.3255)' : 'rgba(255, 255, 255, 0.8)';
-    var gridColor = isLight ? 'rgba(0,0,0,0.08)' : 'rgba(255,255,255,0.2)';
+    // 使用 useChartTheme hook 获取主题相关颜色
+    var _useChartTheme = useChartTheme(theme), axisTextColor = _useChartTheme.axisTextColor, gridColor = _useChartTheme.gridColor, isLight = _useChartTheme.isLight;
     // 标签宽度计算函数
     var calculateLabelWidth = function calculateLabelWidth(text) {
         var fontSize = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 11;
@@ -537,7 +537,7 @@ var BarChart = function BarChart(param) {
         var maxWidth = 0;
         // 遍历所有数据点，计算标签文本的最大宽度
         filteredData.forEach(function(item) {
-            var value = typeof item.y === 'number' ? item.y : Number(item.y);
+            var value = typeof item.y === 'number' ? item.y : toNumber(item.y, Number.NaN);
             if (Number.isFinite(value)) {
                 var labelText = '';
                 if (dataLabelFormatter) {

package/dist/Plugins/chart/BoxPlotChart/index.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+import { ChartContainerProps } from '../components';
+import { StatisticConfigType } from '../hooks/useChartStatistic';
+import type { ChartClassNames, ChartStyles } from '../types/classNames';
+/**
+ * 箱线图数据项接口
+ *
+ * 传入原始数据数组，组件自动计算统计值
+ */
+export interface BoxPlotChartDataItem {
+    /** X轴标签 */
+    label: string;
+    /** 原始数据值数组 */
+    values: number[];
+    /** 数据系列（用于分组显示） */
+    type?: string;
+    /** 分类（用于筛选） */
+    category?: string;
+    /** 筛选标签 */
+    filterLabel?: string;
+}
+export interface BoxPlotChartProps extends ChartContainerProps {
+    /** 扁平化数据数组 */
+    data: BoxPlotChartDataItem[];
+    /** 图表标题 */
+    title?: string;
+    /** 图表宽度，默认600px */
+    width?: number | string;
+    /** 图表高度，默认400px */
+    height?: number | string;
+    /** 自定义CSS类名 */
+    className?: string;
+    /** 自定义CSS类名（支持对象格式，为每层DOM设置类名） */
+    classNames?: ChartClassNames;
+    /** 数据时间 */
+    dataTime?: string;
+    /** 图表主题 */
+    theme?: 'dark' | 'light';
+    /** 自定义主色 */
+    color?: string | string[];
+    /** 是否显示图例，默认true */
+    showLegend?: boolean;
+    /** 图例位置 */
+    legendPosition?: 'top' | 'left' | 'bottom' | 'right';
+    /** 是否显示网格线，默认true */
+    showGrid?: boolean;
+    /** X轴标签 */
+    xAxisLabel?: string;
+    /** Y轴标签 */
+    yAxisLabel?: string;
+    /** 是否显示异常点 */
+    showOutliers?: boolean;
+    /** 头部工具条额外按钮 */
+    toolbarExtra?: React.ReactNode;
+    /** 是否将过滤器渲染到工具栏 */
+    renderFilterInToolbar?: boolean;
+    /** ChartStatistic组件配置 */
+    statistic?: StatisticConfigType;
+    /** 是否显示加载状态 */
+    loading?: boolean;
+    /** 自定义样式对象 */
+    styles?: ChartStyles;
+}
+declare const BoxPlotChart: React.FC<BoxPlotChartProps>;
+export default BoxPlotChart;