@ant-design/agentic-ui 2.30.2 → 2.30.3

package/dist/Plugins/chart/components/ChartContainer/ChartContainer.js

@@ -62,8 +62,10 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
+import { ConfigProvider, theme as antdTheme } from "antd";
 import classNames from "clsx";
 import React from "react";
+import { ChartDarkAntdProvidedContext, useChartDarkAntdProvided } from "./ChartDarkAntdContext";
 import ChartErrorBoundary from "./ChartErrorBoundary";
 import { useStyle } from "./style";
 /**
@@ -134,6 +136,7 @@ import { useStyle } from "./style";
  * - 统一的样式管理
  * - 内置错误边界保护，防止图表错误影响整个应用
  * - 错误边界默认启用，可通过配置禁用或自定义
+ * - `theme="dark"` 时在本容器内嵌套 Ant Design 暗色算法，工具栏/筛选等 antd 控件与画布暗色一致（嵌套容器不重复包裹）
  */ var ChartContainer = function ChartContainer(_0) {
     var baseClassName = _0.baseClassName, className = _0.className, children = _0.children, style = _0.style, classNamesProp = _0.classNames, stylesProp = _0.styles, _0_theme = _0.theme, theme = _0_theme === void 0 ? 'light' : _0_theme, _0_variant = _0.variant, variant = _0_variant === void 0 ? 'default' : _0_variant, _0_isMobile = _0.isMobile, isMobile = _0_isMobile === void 0 ? false : _0_isMobile, _0_errorBoundary = _0.errorBoundary, errorBoundary = _0_errorBoundary === void 0 ? {
         enabled: true
@@ -150,6 +153,8 @@ import { useStyle } from "./style";
         "errorBoundary"
     ]);
     var _useStyle = useStyle(baseClassName), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var ancestorDarkAntdProvided = useChartDarkAntdProvided();
+    var wrapDarkAntd = theme === 'dark' && !ancestorDarkAntdProvided;
     // 构建动态类名
     var combinedClassName = classNames(baseClassName, hashId, theme === 'light' && "".concat(baseClassName, "-light-theme"), theme === 'dark' && "".concat(baseClassName, "-dark-theme"), isMobile && "".concat(baseClassName, "-mobile"), !isMobile && "".concat(baseClassName, "-desktop"), variant === 'outline' && "".concat(baseClassName, "-outline"), variant === 'borderless' && "".concat(baseClassName, "-borderless"), className, classNamesProp === null || classNamesProp === void 0 ? void 0 : classNamesProp.root);
     var combinedStyle = _object_spread({}, style, stylesProp === null || stylesProp === void 0 ? void 0 : stylesProp.root);
@@ -157,6 +162,15 @@ import { useStyle } from "./style";
         className: combinedClassName,
         style: combinedStyle
     }, restProps), children);
+    if (wrapDarkAntd) {
+        containerContent = /*#__PURE__*/ React.createElement(ChartDarkAntdProvidedContext.Provider, {
+            value: true
+        }, /*#__PURE__*/ React.createElement(ConfigProvider, {
+            theme: {
+                algorithm: antdTheme.darkAlgorithm
+            }
+        }, containerContent));
+    }
     // 如果启用了错误边界，则包装内容
     if ((errorBoundary === null || errorBoundary === void 0 ? void 0 : errorBoundary.enabled) !== false) {
         return wrapSSR(/*#__PURE__*/ React.createElement(ChartErrorBoundary, {

package/dist/Plugins/chart/components/ChartContainer/ChartDarkAntdContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * 标记当前已在某层 ChartContainer 内为暗色图表挂载过 Ant Design 暗色 ConfigProvider，
+ * 嵌套 ChartContainer 不再重复包裹，避免多层 Provider。
+ */
+export declare const ChartDarkAntdProvidedContext: import("react").Context<boolean>;
+export declare const useChartDarkAntdProvided: () => boolean;

package/dist/Plugins/chart/components/ChartContainer/ChartDarkAntdContext.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from "react";
+/**
+ * 标记当前已在某层 ChartContainer 内为暗色图表挂载过 Ant Design 暗色 ConfigProvider，
+ * 嵌套 ChartContainer 不再重复包裹，避免多层 Provider。
+ */ export var ChartDarkAntdProvidedContext = /*#__PURE__*/ createContext(false);
+export var useChartDarkAntdProvided = function useChartDarkAntdProvided() {
+    return useContext(ChartDarkAntdProvidedContext);
+};

package/dist/Plugins/chart/components/ChartContainer/ChartErrorBoundary.d.ts

@@ -72,6 +72,8 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             radarChart: string;
             scatterChart: string;
             funnelChart: string;
+            boxplotChart: string;
+            histogramChart: string;
             configChart: string;
             updateChart: string;
             barChart: string;
@@ -104,7 +106,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             inProgressTask: string;
             totalTimeUsed: string;
             edit: string;
-            multipleKnowledgeBases: string;
+            multipleKnowledgeBases: string; /** 本轮错误是否已自动重试过，用于“自动重试一次” */
             multipleTables: string;
             multipleTools: string;
             multipleData: string;
@@ -169,6 +171,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             runCode: string;
             rerender: string;
             download: string;
+            copyMarkdown: string;
             dragToMove: string;
             format: string;
             removeLink: string;
@@ -462,6 +465,8 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             radarChart: string;
             scatterChart: string;
             funnelChart: string;
+            boxplotChart: string;
+            histogramChart: string;
             configChart: string;
             updateChart: string;
             barChart: string;
@@ -494,7 +499,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             inProgressTask: string;
             totalTimeUsed: string;
             edit: string;
-            multipleKnowledgeBases: string;
+            multipleKnowledgeBases: string; /** 本轮错误是否已自动重试过，用于“自动重试一次” */
             multipleTables: string;
             multipleTools: string;
             multipleData: string;
@@ -559,6 +564,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             runCode: string;
             rerender: string;
             download: string;
+            copyMarkdown: string;
             dragToMove: string;
             format: string;
             removeLink: string;

package/dist/Plugins/chart/components/ChartContainer/style.js

@@ -67,10 +67,10 @@ var genStyle = function genStyle(token) {
             border: '1px solid #e8e8e8',
             backgroundColor: '#fff'
         },
-        // 深色主题无边框
+        // 深色主题：略浅于纯黑页面底，与雷达等图表的「卡片」层次一致
         '&&-dark-theme': {
-            border: 'none',
-            backgroundColor: '#1a1a1a'
+            border: '1px solid rgba(255, 255, 255, 0.08)',
+            backgroundColor: '#1f1f1f'
         },
         // 移动端适配
         '&&-mobile': {

package/dist/Plugins/chart/components/ChartToolBar/ChartToolBar.d.ts

@@ -42,6 +42,8 @@ export interface ChartToolBarProps {
     theme?: 'light' | 'dark';
     /** 下载回调函数 */
     onDownload?: () => void;
+    /** 复制 Markdown 回调函数 */
+    onCopyMarkdown?: () => void;
     /** 额外内容 */
     extra?: React.ReactNode;
     /** 过滤器内容 */

package/dist/Plugins/chart/components/ChartToolBar/ChartToolBar.js

@@ -51,8 +51,9 @@ 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 { DownloadOutlined } from "@ant-design/icons";
+import { CopyOutlined, DownloadOutlined } from "@ant-design/icons";
 import { ConfigProvider, Tooltip } from "antd";
+import clsx from "clsx";
 import React, { useContext } from "react";
 import { Loading } from "../../../../Components/Loading";
 import { I18nContext } from "../../../../I18n";
@@ -81,9 +82,9 @@ import { useStyle } from "./style";
  *
  * @since 1.0.0
  */ var ChartToolBar = function ChartToolBar(param) {
-    var title = param.title, dataTime = param.dataTime, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, classNames = param.classNames, style = param.style, styles = param.styles, _param_theme = param.theme, theme = _param_theme === void 0 ? 'light' : _param_theme, onDownload = param.onDownload, extra = param.extra, filter = param.filter, _param_loading = param.loading, loading = _param_loading === void 0 ? false : _param_loading;
+    var title = param.title, dataTime = param.dataTime, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, classNames = param.classNames, style = param.style, styles = param.styles, _param_theme = param.theme, theme = _param_theme === void 0 ? 'light' : _param_theme, onDownload = param.onDownload, onCopyMarkdown = param.onCopyMarkdown, extra = param.extra, filter = param.filter, _param_loading = param.loading, loading = _param_loading === void 0 ? false : _param_loading;
     var _Object;
-    var _i18n_locale, _i18n_locale1;
+    var _i18n_locale, _i18n_locale1, _i18n_locale2;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var i18n = useContext(I18nContext);
     var prefixCls = getPrefixCls('chart-toolbar');
@@ -93,16 +94,15 @@ import { useStyle } from "./style";
             onDownload();
         }
     };
+    var handleCopyMarkdown = function handleCopyMarkdown() {
+        if (onCopyMarkdown) {
+            onCopyMarkdown();
+        }
+    };
     if (!title && !extra) {
         return null;
     }
-    var mergedClassName = [
-        prefixCls,
-        "".concat(prefixCls, "-").concat(theme),
-        hashId,
-        className,
-        classNames
-    ].filter(Boolean).join(' ');
+    var mergedClassName = clsx(prefixCls, "".concat(prefixCls, "-").concat(theme), hashId, className, classNames);
     var mergedStyle = _object_spread({}, style, Array.isArray(styles) ? (_Object = Object).assign.apply(_Object, [
         {}
     ].concat(_to_consumable_array(styles))) : styles || {});
@@ -110,10 +110,7 @@ import { useStyle } from "./style";
         className: mergedClassName,
         style: mergedStyle
     }, /*#__PURE__*/ React.createElement("div", {
-        className: [
-            "".concat(prefixCls, "-header-title"),
-            hashId
-        ].filter(Boolean).join(' ')
+        className: clsx("".concat(prefixCls, "-header-title"), hashId)
     }, title, loading && /*#__PURE__*/ React.createElement(Loading, {
         style: {
             fontSize: '14px',
@@ -121,28 +118,22 @@ import { useStyle } from "./style";
             flexShrink: 0
         }
     })), /*#__PURE__*/ React.createElement("div", {
-        className: [
-            "".concat(prefixCls, "-header-actions"),
-            hashId
-        ].filter(Boolean).join(' ')
+        className: clsx("".concat(prefixCls, "-header-actions"), hashId)
     }, dataTime ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(TimeIcon, {
-        className: [
-            "".concat(prefixCls, "-time-icon"),
-            hashId
-        ].filter(Boolean).join(' ')
+        className: clsx("".concat(prefixCls, "-time-icon"), hashId)
     }), /*#__PURE__*/ React.createElement("span", {
-        className: [
-            "".concat(prefixCls, "-data-time"),
-            hashId
-        ].filter(Boolean).join(' ')
-    }, (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale.dataTime) || '数据时间', ": ", dataTime)) : null, filter, extra, handleDownload ? /*#__PURE__*/ React.createElement(Tooltip, {
+        className: clsx("".concat(prefixCls, "-data-time"), hashId)
+    }, (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale.dataTime) || '数据时间', ": ", dataTime)) : null, filter, extra, onCopyMarkdown ? /*#__PURE__*/ React.createElement(Tooltip, {
+        mouseEnterDelay: 0.3,
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale1 = i18n.locale) === null || _i18n_locale1 === void 0 ? void 0 : _i18n_locale1.copyMarkdown) || '复制表格'
+    }, /*#__PURE__*/ React.createElement(CopyOutlined, {
+        className: clsx("".concat(prefixCls, "-copy-btn"), hashId),
+        onClick: handleCopyMarkdown
+    })) : null, onDownload ? /*#__PURE__*/ React.createElement(Tooltip, {
         mouseEnterDelay: 0.3,
-        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale1 = i18n.locale) === null || _i18n_locale1 === void 0 ? void 0 : _i18n_locale1.download) || '下载'
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale2 = i18n.locale) === null || _i18n_locale2 === void 0 ? void 0 : _i18n_locale2.download) || '下载'
     }, /*#__PURE__*/ React.createElement(DownloadOutlined, {
-        className: [
-            "".concat(prefixCls, "-download-btn"),
-            hashId
-        ].filter(Boolean).join(' '),
+        className: clsx("".concat(prefixCls, "-download-btn"), hashId),
         onClick: handleDownload
     })) : null)));
 };

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

@@ -19,17 +19,21 @@ export * from './ChartMark';
 export { ChartRender } from './ChartRender';
 export { default as AreaChart } from './AreaChart';
 export { default as BarChart } from './BarChart';
+export { default as BoxPlotChart } from './BoxPlotChart';
 export { default as ChartStatistic } from './ChartStatistic';
 export { default as DonutChart } from './DonutChart';
 export { default as FunnelChart } from './FunnelChart';
+export { default as HistogramChart } from './HistogramChart';
 export { default as LineChart } from './LineChart';
 export { default as RadarChart } from './RadarChart';
 export { default as ScatterChart } from './ScatterChart';
 export type { AreaChartConfigItem, AreaChartDataItem, AreaChartProps, } from './AreaChart';
 export type { BarChartConfigItem, BarChartDataItem, BarChartProps, } from './BarChart';
+export type { BoxPlotChartDataItem, BoxPlotChartProps, } from './BoxPlotChart';
 export type { ChartStatisticClassNames, ChartStatisticProps, ChartStatisticStyles, } from './ChartStatistic';
 export type { DonutChartConfig, DonutChartData, DonutChartProps, } from './DonutChart';
 export type { FunnelChartDataItem, FunnelChartProps } from './FunnelChart';
+export type { HistogramChartDataItem, HistogramChartProps, } from './HistogramChart';
 export type { LineChartConfigItem, LineChartDataItem, LineChartProps, } from './LineChart';
 export type { RadarChartDataItem } from './RadarChart';
 export type { ScatterChartDataItem, ScatterChartProps } from './ScatterChart';

package/dist/Plugins/chart/index.js

@@ -169,9 +169,11 @@ export { ChartRender } from "./ChartRender";
 // 图表组件导出
 export { default as AreaChart } from "./AreaChart";
 export { default as BarChart } from "./BarChart";
+export { default as BoxPlotChart } from "./BoxPlotChart";
 export { default as ChartStatistic } from "./ChartStatistic";
 export { default as DonutChart } from "./DonutChart";
 export { default as FunnelChart } from "./FunnelChart";
+export { default as HistogramChart } from "./HistogramChart";
 export { default as LineChart } from "./LineChart";
 export { default as RadarChart } from "./RadarChart";
 export { default as ScatterChart } from "./ScatterChart";

package/dist/Plugins/chart/loadChartRuntime.d.ts

@@ -1,15 +1,19 @@
 type AreaChartComponent = typeof import('./AreaChart').default;
 type BarChartComponent = typeof import('./BarChart').default;
+type BoxPlotChartComponent = typeof import('./BoxPlotChart').default;
 type DonutChartComponent = typeof import('./DonutChart').default;
 type FunnelChartComponent = typeof import('./FunnelChart').default;
+type HistogramChartComponent = typeof import('./HistogramChart').default;
 type LineChartComponent = typeof import('./LineChart').default;
 type RadarChartComponent = typeof import('./RadarChart').default;
 type ScatterChartComponent = typeof import('./ScatterChart').default;
 export interface ChartRuntime {
     AreaChart: AreaChartComponent;
     BarChart: BarChartComponent;
+    BoxPlotChart: BoxPlotChartComponent;
     DonutChart: DonutChartComponent;
     FunnelChart: FunnelChartComponent;
+    HistogramChart: HistogramChartComponent;
     LineChart: LineChartComponent;
     RadarChart: RadarChartComponent;
     ScatterChart: ScatterChartComponent;

package/dist/Plugins/chart/loadChartRuntime.js

@@ -184,18 +184,22 @@ export var loadChartRuntime = function loadChartRuntime() {
                 runtimeLoader = Promise.all([
                     import(/* webpackChunkName: "chart-area" */ "./AreaChart"),
                     import(/* webpackChunkName: "chart-bar" */ "./BarChart"),
+                    import(/* webpackChunkName: "chart-boxplot" */ "./BoxPlotChart"),
                     import(/* webpackChunkName: "chart-donut" */ "./DonutChart"),
                     import(/* webpackChunkName: "chart-funnel" */ "./FunnelChart"),
+                    import(/* webpackChunkName: "chart-histogram" */ "./HistogramChart"),
                     import(/* webpackChunkName: "chart-line" */ "./LineChart"),
                     import(/* webpackChunkName: "chart-radar" */ "./RadarChart"),
                     import(/* webpackChunkName: "chart-scatter" */ "./ScatterChart")
                 ]).then(function(param) {
-                    var _param = _sliced_to_array(param, 7), areaModule = _param[0], barModule = _param[1], donutModule = _param[2], funnelModule = _param[3], lineModule = _param[4], radarModule = _param[5], scatterModule = _param[6];
+                    var _param = _sliced_to_array(param, 9), areaModule = _param[0], barModule = _param[1], boxplotModule = _param[2], donutModule = _param[3], funnelModule = _param[4], histogramModule = _param[5], lineModule = _param[6], radarModule = _param[7], scatterModule = _param[8];
                     return {
                         AreaChart: areaModule.default,
                         BarChart: barModule.default,
+                        BoxPlotChart: boxplotModule.default,
                         DonutChart: donutModule.default,
                         FunnelChart: funnelModule.default,
+                        HistogramChart: histogramModule.default,
                         LineChart: lineModule.default,
                         RadarChart: radarModule.default,
                         ScatterChart: scatterModule.default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.30.2",
+  "version": "2.30.3",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -24,6 +24,7 @@
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "prepare": "husky install && dumi setup",
+    "prepublishOnly": "npm run build && npm run test",
     "prettier": "prettier --write \"{src,docs,test}/**/*.{js,jsx,ts,tsx,css,less,json,md}\"",
     "preview": "pnpm dumi preview",
     "report:demo": "node scripts/generateDemoReport.js",
@@ -64,6 +65,7 @@
     "@juggle/resize-observer": "^3.4.0",
     "@react-three/fiber": "^8.18.0",
     "@schema-element-editor/host-sdk": "^2.2.1",
+    "@sgratzl/chartjs-chart-boxplot": "^4.4.5",
     "@sofa-design/icons": "^1.6.2",
     "@types/three": "^0.182.0",
     "ace-builds": "^1.43.6",