@ant-design/agentic-ui 2.30.2 → 2.30.4

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/MarkdownRenderer/CharacterQueue.js

@@ -77,7 +77,8 @@ var DEFAULT_BACKGROUND_BATCH_MULTIPLIER = 10;
             speed: (_ref2 = options === null || options === void 0 ? void 0 : options.speed) !== null && _ref2 !== void 0 ? _ref2 : DEFAULT_SPEED,
             flushOnComplete: (_ref3 = options === null || options === void 0 ? void 0 : options.flushOnComplete) !== null && _ref3 !== void 0 ? _ref3 : true,
             backgroundInterval: (_ref4 = options === null || options === void 0 ? void 0 : options.backgroundInterval) !== null && _ref4 !== void 0 ? _ref4 : DEFAULT_BACKGROUND_INTERVAL,
-            backgroundBatchMultiplier: (_ref5 = options === null || options === void 0 ? void 0 : options.backgroundBatchMultiplier) !== null && _ref5 !== void 0 ? _ref5 : DEFAULT_BACKGROUND_BATCH_MULTIPLIER
+            backgroundBatchMultiplier: (_ref5 = options === null || options === void 0 ? void 0 : options.backgroundBatchMultiplier) !== null && _ref5 !== void 0 ? _ref5 : DEFAULT_BACKGROUND_BATCH_MULTIPLIER,
+            animateTailChars: options === null || options === void 0 ? void 0 : options.animateTailChars
         };
         this.handleVisibilityChange = this.handleVisibilityChange.bind(this);
         if (typeof document !== 'undefined') {
@@ -94,6 +95,13 @@ var DEFAULT_BACKGROUND_BATCH_MULTIPLIER = 10;
                     this.onFlush(content);
                     return;
                 }
+                // 仅对末尾 N 字做动画：立即展示前面内容
+                var tail = this.options.animateTailChars;
+                if (tail !== undefined && tail > 0 && content.length > tail) {
+                    var staticLength = content.length - tail;
+                    this.displayedLength = Math.max(this.displayedLength, staticLength);
+                    this.onFlush(content.slice(0, this.displayedLength));
+                }
                 this.ensureTicking();
             }
         },

package/dist/MarkdownRenderer/MarkdownRenderer.js

@@ -263,7 +263,15 @@ var SCHEMA_LANGUAGES = new Set([
     }, [
         plugins
     ]);
-    // 字符队列管理
+    // 字符队列管理：流式时仅对最后 50 字做动画，避免每段逐字输出
+    var resolvedQueueOptions = useMemo(function() {
+        return streaming ? _object_spread({
+            animateTailChars: 50
+        }, queueOptions) : queueOptions;
+    }, [
+        streaming,
+        queueOptions
+    ]);
     useEffect(function() {
         if (!streaming) {
             // 非流式：直接展示全部内容
@@ -273,14 +281,14 @@ var SCHEMA_LANGUAGES = new Set([
         if (!queueRef.current) {
             queueRef.current = new CharacterQueue(function(displayed) {
                 return setDisplayedContent(displayed);
-            }, queueOptions);
+            }, resolvedQueueOptions);
         }
         queueRef.current.push(content || '');
         return undefined;
     }, [
         content,
         streaming,
-        queueOptions
+        resolvedQueueOptions
     ]);
     // 流式完成时 flush 所有剩余内容
     useEffect(function() {

package/dist/MarkdownRenderer/types.d.ts

@@ -6,6 +6,12 @@ export interface CharacterQueueOptions {
     charsPerFrame?: number;
     /** 是否启用打字动画，默认 true（流式时） */
     animate?: boolean;
+    /**
+     * 仅对末尾 N 个字符做动画，前面内容立即展示。
+     * 设为 50 时，每次 push 只对最后 50 字逐字输出，避免整段逐字动画。
+     * 默认 undefined 表示整段动画（原有行为）。
+     */
+    animateTailChars?: number;
     /** 动画速度因子，1.0 为标准速度 */
     speed?: number;
     /** 内容完成后立即 flush 全部剩余 */

package/dist/MarkdownRenderer/useMarkdownToReact.js

@@ -1184,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) {

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

@@ -121,6 +121,7 @@ import { Bar } from "react-chartjs-2";
 import { ChartContainer, ChartFilter, ChartStatistic, ChartToolBar, downloadChart } from "../components";
 import { defaultColorList } from "../const";
 import { extractAndSortXValues, findDataPointByXValue, hexToRgba, resolveCssVariable, toNumber } from "../utils";
+import { useChartTheme } from "../hooks";
 import { useStyle } from "./style";
 /**
  * @fileoverview 柱状图组件文件
@@ -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;

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;