@ant-design/agentic-ui 2.30.31 → 2.31.0

package/dist/Components/lotties/useAsyncLottieData.js

@@ -0,0 +1,83 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+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 _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 _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    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 { useEffect, useState } from "react";
+var getDefaultExport = function getDefaultExport(mod) {
+    if (mod && (typeof mod === "undefined" ? "undefined" : _type_of(mod)) === 'object' && 'default' in mod && mod.default !== undefined) {
+        return mod.default;
+    }
+    return mod;
+};
+/**
+ * 通过动态 import 异步加载 Lottie JSON，避免与主包同步打包。
+ * @param load 稳定引用，例如 `useMemo(() => () => import('./x.json'), [])`
+ */ export var useAsyncLottieData = function useAsyncLottieData(load) {
+    var _useState = _sliced_to_array(useState(null), 2), data = _useState[0], setData = _useState[1];
+    useEffect(function() {
+        var cancelled = false;
+        void load().then(function(mod) {
+            if (cancelled) {
+                return;
+            }
+            setData(getDefaultExport(mod));
+        }).catch(function(error) {
+            if (!cancelled) {
+                // eslint-disable-next-line no-console
+                console.error('Failed to load Lottie JSON:', error);
+            }
+        });
+        return function() {
+            cancelled = true;
+        };
+    }, [
+        load
+    ]);
+    return data;
+};

package/dist/History/index.js

@@ -274,6 +274,7 @@ export * from "./utils";
     if (props.standalone) {
         var _props_agent3, _props_agent4, _props_agent5, _props_agent6, _props_agent7, _props_slots_beforeHistoryList, _props_slots;
         return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+            "data-testid": "history-standalone",
             style: {
                 display: 'flex',
                 flexDirection: 'column',

package/dist/Hooks/useLanguage.d.ts

@@ -461,6 +461,7 @@ export declare function useLanguage(): {
         'fileType.config': string;
         'fileType.powerpoint': string;
         'workspace.file.unsupportedPreview': string;
+        'workspace.file.unsupportedPreviewNoDownload': string;
         'workspace.file.downloadButton': string;
         'workspace.file.videoNotSupported': string;
         'workspace.file.audioNotSupported': string;

package/dist/I18n/locales.d.ts

@@ -423,6 +423,7 @@ export declare const cnLabels: {
     'fileType.config': string;
     'fileType.powerpoint': string;
     'workspace.file.unsupportedPreview': string;
+    'workspace.file.unsupportedPreviewNoDownload': string;
     'workspace.file.downloadButton': string;
     'workspace.file.videoNotSupported': string;
     'workspace.file.audioNotSupported': string;

package/dist/I18n/locales.js

@@ -454,6 +454,7 @@
     'fileType.powerpoint': 'PowerPoint 演示文稿',
     // PreviewComponent messages
     'workspace.file.unsupportedPreview': '此文件无法预览，请下载查看。',
+    'workspace.file.unsupportedPreviewNoDownload': '此文件无法预览。',
     'workspace.file.downloadButton': '下载',
     'workspace.file.videoNotSupported': '您的浏览器不支持视频播放',
     'workspace.file.audioNotSupported': '您的浏览器不支持音频播放',
@@ -915,6 +916,7 @@
     'fileType.powerpoint': 'PowerPoint presentation',
     // PreviewComponent messages
     'workspace.file.unsupportedPreview': 'This file cannot be previewed, please download to view.',
+    'workspace.file.unsupportedPreviewNoDownload': 'This file cannot be previewed.',
     'workspace.file.downloadButton': 'Download',
     'workspace.file.videoNotSupported': 'Your browser does not support video playback',
     'workspace.file.audioNotSupported': 'Your browser does not support audio playback',

package/dist/Icons/animated/VoicePlayLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import voicePlay from "./voicePlay.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../../../Components/lotties/useAsyncLottieData";
 /**
  * VoicePlay 组件 - Lottie语音播放动画组件
  *
@@ -62,6 +62,12 @@ import voicePlay from "./voicePlay.json";
  * - 提供默认的语音播放动画
  */ export var VoicePlayLottie = function VoicePlayLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, size = param.size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./voicePlay.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -69,10 +75,17 @@ import voicePlay from "./voicePlay.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
-        animationData: voicePlay,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

package/dist/Icons/animated/VoicingLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import voicingLottie from "./voicing.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../../../Components/lotties/useAsyncLottieData";
 /**
  * VoicingLottie 组件 - Lottie语音播报动画组件
  *
@@ -64,6 +64,12 @@ import voicingLottie from "./voicing.json";
  * - 提供默认的加载动画
  */ export var VoicingLottie = function VoicingLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, size = param.size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./voicing.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -71,11 +77,18 @@ import voicingLottie from "./voicing.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
         "aria-hidden": "true",
-        animationData: voicingLottie,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

package/dist/MarkdownEditor/BaseMarkdownEditor.js

@@ -394,6 +394,7 @@ var I18nBoundary = function I18nBoundary(param) {
         }, /*#__PURE__*/ React.createElement("div", {
             id: props.id ? String(props.id) || undefined : undefined,
             className: classNames(baseClassName, 'markdown-editor', hashId, props.className, (_obj = {}, _define_property(_obj, "".concat(baseClassName, "-readonly"), true), _define_property(_obj, "".concat(baseClassName, "-report"), props.reportMode), _define_property(_obj, "".concat(baseClassName, "-slide"), props.slideMode), _obj)),
+            "data-testid": "markdown-editor",
             style: _object_spread({
                 width: width || '100%',
                 height: height || 'auto'
@@ -453,6 +454,7 @@ var I18nBoundary = function I18nBoundary(param) {
     }, /*#__PURE__*/ React.createElement("div", {
         id: props.id ? String(props.id) || undefined : undefined,
         className: classNames(baseClassName, 'markdown-editor', hashId, props.className, (_obj1 = {}, _define_property(_obj1, "".concat(baseClassName, "-readonly"), readonly), _define_property(_obj1, "".concat(baseClassName, "-edit"), !readonly), _define_property(_obj1, "".concat(baseClassName, "-report"), props.reportMode), _define_property(_obj1, "".concat(baseClassName, "-slide"), props.slideMode), _obj1)),
+        "data-testid": "markdown-editor",
         style: _object_spread({
             width: width || '100%',
             height: height || 'auto'

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

@@ -119,17 +119,17 @@ export var Paragraph = function Paragraph(props) {
     useEffect(function() {
         var container = markdownContainerRef.current;
         if (!container) return;
-        var observer = new MutationObserver(function() {
-            setIsComposing(container.hasAttribute('data-composition'));
-        });
-        observer.observe(container, {
-            attributes: true,
-            attributeFilter: [
-                'data-composition'
-            ]
-        });
+        var onStart = function onStart() {
+            return setIsComposing(true);
+        };
+        var onEnd = function onEnd() {
+            return setIsComposing(false);
+        };
+        container.addEventListener('compositionstart', onStart);
+        container.addEventListener('compositionend', onEnd);
         return function() {
-            return observer.disconnect();
+            container.removeEventListener('compositionstart', onStart);
+            container.removeEventListener('compositionend', onEnd);
         };
     }, [
         markdownContainerRef

package/dist/MarkdownInputField/BorderBeamAnimation.d.ts

@@ -6,7 +6,7 @@ export interface BorderBeamAnimationProps {
     borderRadius: number;
     /** 动画完成回调 */
     onAnimationComplete?: () => void;
-    /** 渐变 ID，用于避免多个实例冲突 */
+    /** 渐变 ID，用于避免多个实例冲突（已废弃，组件内部自动生成唯一 ID） */
     gradientId?: string;
     /** 水平偏移量 */
     offsetX?: number;

package/dist/MarkdownInputField/BorderBeamAnimation.js

@@ -80,12 +80,15 @@ import React, { useEffect, useRef, useState } from "react";
  * - 路径计算在组件内部完成
  * - 使用 ResizeObserver 自动获取容器尺寸
  */ export var BorderBeamAnimation = function BorderBeamAnimation(param) {
-    var isVisible = param.isVisible, borderRadius = param.borderRadius, onAnimationComplete = param.onAnimationComplete, _param_gradientId = param.gradientId, gradientId = _param_gradientId === void 0 ? 'beam-gradient' : _param_gradientId, _param_offsetX = param.offsetX, offsetX = _param_offsetX === void 0 ? 1 : _param_offsetX, _param_offsetY = param.offsetY, offsetY = _param_offsetY === void 0 ? 0 : _param_offsetY;
+    var isVisible = param.isVisible, borderRadius = param.borderRadius, onAnimationComplete = param.onAnimationComplete, gradientIdProp = param.gradientId, _param_offsetX = param.offsetX, offsetX = _param_offsetX === void 0 ? 1 : _param_offsetX, _param_offsetY = param.offsetY, offsetY = _param_offsetY === void 0 ? 1 : _param_offsetY;
     var containerRef = useRef(null);
     var _useState = _sliced_to_array(useState({
         width: 0,
         height: 0
     }), 2), dimensions = _useState[0], setDimensions = _useState[1];
+    // 使用 React.useId 生成唯一渐变 ID，避免多实例冲突
+    var generatedId = React.useId();
+    var gradientId = gradientIdProp !== null && gradientIdProp !== void 0 ? gradientIdProp : "beam-gradient-".concat(generatedId);
     // 使用 ResizeObserver 监听容器尺寸变化
     useEffect(function() {
         var _containerRef_current, _containerRef_current1;
@@ -126,8 +129,8 @@ import React, { useEffect, useRef, useState } from "react";
         };
     }, []);
     var width = dimensions.width, height = dimensions.height;
-    // Calculate SVG path based on dimensions
-    var radius = 16;
+    // 使用 props 传入的 borderRadius，而非硬编码
+    var radius = borderRadius;
     var w = width;
     var h = height;
     // Outer path dimensions

package/dist/MarkdownRenderer/MarkdownRenderer.js

@@ -369,6 +369,7 @@ var SCHEMA_LANGUAGES = new Set([
     return wrapVarSSR(wrapSSR(wrapContentSSR(/*#__PURE__*/ React.createElement("div", {
         ref: containerRef,
         className: clsx(prefixCls, "".concat(prefixCls, "-readonly"), hashId, className),
+        "data-testid": "markdown-renderer",
         style: style
     }, /*#__PURE__*/ React.createElement("div", {
         className: clsx("".concat(prefixCls, "-container"), hashId),

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

@@ -81,7 +81,7 @@ import React, { useContext, useLayoutEffect, useMemo, useRef } from "react";
 import { Line } from "react-chartjs-2";
 import { ChartContainer, ChartFilter, ChartStatistic, ChartToolBar, downloadChart } from "../components";
 import { defaultColorList } from "../const";
-import { useChartDataFilter, useChartStatistics, useChartTheme, useResponsiveSize } from "../hooks";
+import { useChartDataFilter, useChartStatistics, useChartTheme, useDetectTheme, useResponsiveSize } from "../hooks";
 import { extractAndSortXValues, findDataPointByXValue, hexToRgba, registerLineChartComponents, resolveCssVariable } from "../utils";
 import { useStyle } from "./style";
 /**
@@ -111,7 +111,7 @@ import { useStyle } from "./style";
  *
  * @since 1.0.0
  */ var AreaChart = function AreaChart(param) {
-    var title = param.title, data = param.data, _param_width = param.width, width = _param_width === void 0 ? 600 : _param_width, _param_height = param.height, height = _param_height === void 0 ? 400 : _param_height, className = param.className, classNamesProp = param.classNames, style = param.style, stylesProp = param.styles, dataTime = param.dataTime, _param_theme = param.theme, theme = _param_theme === void 0 ? 'light' : _param_theme, color = param.color, _param_showLegend = param.showLegend, showLegend = _param_showLegend === void 0 ? true : _param_showLegend, _param_legendPosition = param.legendPosition, legendPosition = _param_legendPosition === void 0 ? 'bottom' : _param_legendPosition, _param_legendAlign = param.legendAlign, legendAlign = _param_legendAlign === void 0 ? 'start' : _param_legendAlign, _param_showGrid = param.showGrid, showGrid = _param_showGrid === void 0 ? true : _param_showGrid, _param_xPosition = param.xPosition, xPosition = _param_xPosition === void 0 ? 'bottom' : _param_xPosition, _param_yPosition = param.yPosition, yPosition = _param_yPosition === void 0 ? 'left' : _param_yPosition, _param_hiddenX = param.hiddenX, hiddenX = _param_hiddenX === void 0 ? false : _param_hiddenX, _param_hiddenY = param.hiddenY, hiddenY = _param_hiddenY === void 0 ? false : _param_hiddenY, toolbarExtra = param.toolbarExtra, _param_renderFilterInToolbar = param.renderFilterInToolbar, renderFilterInToolbar = _param_renderFilterInToolbar === void 0 ? false : _param_renderFilterInToolbar, statisticConfig = param.statistic, variant = param.variant, _param_loading = param.loading, loading = _param_loading === void 0 ? false : _param_loading;
+    var title = param.title, data = param.data, _param_width = param.width, width = _param_width === void 0 ? 600 : _param_width, _param_height = param.height, height = _param_height === void 0 ? 400 : _param_height, className = param.className, classNamesProp = param.classNames, style = param.style, stylesProp = param.styles, dataTime = param.dataTime, theme = param.theme, color = param.color, _param_showLegend = param.showLegend, showLegend = _param_showLegend === void 0 ? true : _param_showLegend, _param_legendPosition = param.legendPosition, legendPosition = _param_legendPosition === void 0 ? 'bottom' : _param_legendPosition, _param_legendAlign = param.legendAlign, legendAlign = _param_legendAlign === void 0 ? 'start' : _param_legendAlign, _param_showGrid = param.showGrid, showGrid = _param_showGrid === void 0 ? true : _param_showGrid, _param_xPosition = param.xPosition, xPosition = _param_xPosition === void 0 ? 'bottom' : _param_xPosition, _param_yPosition = param.yPosition, yPosition = _param_yPosition === void 0 ? 'left' : _param_yPosition, _param_hiddenX = param.hiddenX, hiddenX = _param_hiddenX === void 0 ? false : _param_hiddenX, _param_hiddenY = param.hiddenY, hiddenY = _param_hiddenY === void 0 ? false : _param_hiddenY, toolbarExtra = param.toolbarExtra, _param_renderFilterInToolbar = param.renderFilterInToolbar, renderFilterInToolbar = _param_renderFilterInToolbar === void 0 ? false : _param_renderFilterInToolbar, statisticConfig = param.statistic, variant = param.variant, _param_loading = param.loading, loading = _param_loading === void 0 ? false : _param_loading;
     useLayoutEffect(function() {
         registerLineChartComponents();
     }, []);
@@ -128,7 +128,9 @@ import { useStyle } from "./style";
     // 数据筛选
     var _useChartDataFilter = useChartDataFilter(data), filteredData = _useChartDataFilter.filteredData, filterOptions = _useChartDataFilter.filterOptions, filterLabels = _useChartDataFilter.filterLabels, selectedFilter = _useChartDataFilter.selectedFilter, setSelectedFilter = _useChartDataFilter.setSelectedFilter, selectedFilterLabel = _useChartDataFilter.selectedFilterLabel, setSelectedFilterLabel = _useChartDataFilter.setSelectedFilterLabel, filteredDataByFilterLabel = _useChartDataFilter.filteredDataByFilterLabel;
     // 主题颜色
-    var _useChartTheme = useChartTheme(theme), axisTextColor = _useChartTheme.axisTextColor, gridColor = _useChartTheme.gridColor, isLight = _useChartTheme.isLight;
+    var detectedTheme = useDetectTheme();
+    var resolvedTheme = theme !== null && theme !== void 0 ? theme : detectedTheme;
+    var _useChartTheme = useChartTheme(resolvedTheme), axisTextColor = _useChartTheme.axisTextColor, gridColor = _useChartTheme.gridColor, isLight = _useChartTheme.isLight;
     // 从数据中提取唯一的类型
     var types = useMemo(function() {
         return _to_consumable_array(new Set(filteredData.map(function(item) {
@@ -344,13 +346,13 @@ import { useStyle } from "./style";
     return wrapSSR(/*#__PURE__*/ React.createElement(ChartContainer, {
         baseClassName: baseClassName,
         className: rootClassName,
-        theme: theme,
+        theme: resolvedTheme,
         isMobile: isMobile,
         variant: variant,
         style: rootStyle
     }, /*#__PURE__*/ React.createElement(ChartToolBar, {
         title: title,
-        theme: theme,
+        theme: resolvedTheme,
         onDownload: handleDownload,
         className: toolbarClassName,
         style: toolbarStyle,
@@ -366,7 +368,7 @@ import { useStyle } from "./style";
             selectedCustomSelection: selectedFilterLabel,
             onSelectionChange: setSelectedFilterLabel
         }), {
-            theme: theme,
+            theme: resolvedTheme,
             variant: "compact"
         })) : undefined
     }), statistics && /*#__PURE__*/ React.createElement("div", {
@@ -375,7 +377,7 @@ import { useStyle } from "./style";
         return /*#__PURE__*/ React.createElement(ChartStatistic, _object_spread_props(_object_spread({
             key: index
         }, config), {
-            theme: theme
+            theme: resolvedTheme
         }));
     })), !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /*#__PURE__*/ React.createElement(ChartFilter, _object_spread_props(_object_spread({
         filterOptions: filterOptions,
@@ -386,7 +388,7 @@ import { useStyle } from "./style";
         selectedCustomSelection: selectedFilterLabel,
         onSelectionChange: setSelectedFilterLabel
     }), {
-        theme: theme
+        theme: resolvedTheme
     })), /*#__PURE__*/ React.createElement("div", {
         className: "".concat(baseClassName, "-wrapper"),
         style: {

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

@@ -120,7 +120,7 @@ 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 { useChartTheme } from "../hooks";
+import { useChartTheme, useDetectTheme } from "../hooks";
 import { extractAndSortXValues, findDataPointByXValue, hexToRgba, resolveCssVariable, toNumber } from "../utils";
 import { useStyle } from "./style";
 /**
@@ -137,7 +137,7 @@ import { useStyle } from "./style";
 var POSITIVE_COLOR_HEX = '#388BFF'; // rgba(56, 139, 255, 1)
 var NEGATIVE_COLOR_HEX = '#F78826'; // rgba(247, 136, 38, 1)
 var BarChart = function BarChart(param) {
-    var title = param.title, data = param.data, _param_width = param.width, width = _param_width === void 0 ? 600 : _param_width, _param_height = param.height, height = _param_height === void 0 ? 400 : _param_height, className = param.className, classNames = param.classNames, style = param.style, styles = param.styles, dataTime = param.dataTime, _param_theme = param.theme, theme = _param_theme === void 0 ? 'light' : _param_theme, color = param.color, _param_showLegend = param.showLegend, showLegend = _param_showLegend === void 0 ? true : _param_showLegend, _param_legendPosition = param.legendPosition, legendPosition = _param_legendPosition === void 0 ? 'bottom' : _param_legendPosition, _param_legendAlign = param.legendAlign, legendAlign = _param_legendAlign === void 0 ? 'start' : _param_legendAlign, _param_showGrid = param.showGrid, showGrid = _param_showGrid === void 0 ? true : _param_showGrid, _param_xPosition = param.xPosition, xPosition = _param_xPosition === void 0 ? 'bottom' : _param_xPosition, _param_yPosition = param.yPosition, yPosition = _param_yPosition === void 0 ? 'left' : _param_yPosition, _param_hiddenX = param.hiddenX, hiddenX = _param_hiddenX === void 0 ? false : _param_hiddenX, _param_hiddenY = param.hiddenY, hiddenY = _param_hiddenY === void 0 ? false : _param_hiddenY, _param_stacked = param.stacked, stacked = _param_stacked === void 0 ? false : _param_stacked, _param_indexAxis = param.indexAxis, indexAxis = _param_indexAxis === void 0 ? 'x' : _param_indexAxis, maxBarThickness = param.maxBarThickness, toolbarExtra = param.toolbarExtra, _param_renderFilterInToolbar = param.renderFilterInToolbar, renderFilterInToolbar = _param_renderFilterInToolbar === void 0 ? false : _param_renderFilterInToolbar, statisticConfig = param.statistic, variant = param.variant, _param_showDataLabels = param.showDataLabels, showDataLabels = _param_showDataLabels === void 0 ? false : _param_showDataLabels, dataLabelFormatter = param.dataLabelFormatter, chartOptions = param.chartOptions, _param_loading = param.loading, loading = _param_loading === void 0 ? false : _param_loading;
+    var title = param.title, data = param.data, _param_width = param.width, width = _param_width === void 0 ? 600 : _param_width, _param_height = param.height, height = _param_height === void 0 ? 400 : _param_height, className = param.className, classNames = param.classNames, style = param.style, styles = param.styles, dataTime = param.dataTime, theme = param.theme, color = param.color, _param_showLegend = param.showLegend, showLegend = _param_showLegend === void 0 ? true : _param_showLegend, _param_legendPosition = param.legendPosition, legendPosition = _param_legendPosition === void 0 ? 'bottom' : _param_legendPosition, _param_legendAlign = param.legendAlign, legendAlign = _param_legendAlign === void 0 ? 'start' : _param_legendAlign, _param_showGrid = param.showGrid, showGrid = _param_showGrid === void 0 ? true : _param_showGrid, _param_xPosition = param.xPosition, xPosition = _param_xPosition === void 0 ? 'bottom' : _param_xPosition, _param_yPosition = param.yPosition, yPosition = _param_yPosition === void 0 ? 'left' : _param_yPosition, _param_hiddenX = param.hiddenX, hiddenX = _param_hiddenX === void 0 ? false : _param_hiddenX, _param_hiddenY = param.hiddenY, hiddenY = _param_hiddenY === void 0 ? false : _param_hiddenY, _param_stacked = param.stacked, stacked = _param_stacked === void 0 ? false : _param_stacked, _param_indexAxis = param.indexAxis, indexAxis = _param_indexAxis === void 0 ? 'x' : _param_indexAxis, maxBarThickness = param.maxBarThickness, toolbarExtra = param.toolbarExtra, _param_renderFilterInToolbar = param.renderFilterInToolbar, renderFilterInToolbar = _param_renderFilterInToolbar === void 0 ? false : _param_renderFilterInToolbar, statisticConfig = param.statistic, variant = param.variant, _param_showDataLabels = param.showDataLabels, showDataLabels = _param_showDataLabels === void 0 ? false : _param_showDataLabels, dataLabelFormatter = param.dataLabelFormatter, chartOptions = param.chartOptions, _param_loading = param.loading, loading = _param_loading === void 0 ? false : _param_loading;
     useMemo(function() {
         if (barChartComponentsRegistered) {
             return undefined;
@@ -512,8 +512,10 @@ var BarChart = function BarChart(param) {
     }, [
         filterLabels
     ]);
+    var detectedTheme = useDetectTheme();
+    var resolvedTheme = theme !== null && theme !== void 0 ? theme : detectedTheme;
     // 使用 useChartTheme hook 获取主题相关颜色
-    var _useChartTheme = useChartTheme(theme), axisTextColor = _useChartTheme.axisTextColor, gridColor = _useChartTheme.gridColor, isLight = _useChartTheme.isLight;
+    var _useChartTheme = useChartTheme(resolvedTheme), 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;
@@ -848,13 +850,13 @@ var BarChart = function BarChart(param) {
     return wrapSSR(/*#__PURE__*/ React.createElement(ChartContainer, {
         baseClassName: baseClassName,
         className: rootClassName,
-        theme: theme,
+        theme: resolvedTheme,
         isMobile: isMobile,
         variant: variant,
         style: rootStyle
     }, /*#__PURE__*/ React.createElement(ChartToolBar, {
         title: title,
-        theme: theme,
+        theme: resolvedTheme,
         onDownload: handleDownload,
         extra: toolbarExtra,
         dataTime: dataTime,
@@ -870,7 +872,7 @@ var BarChart = function BarChart(param) {
             selectedCustomSelection: selectedFilterLabel,
             onSelectionChange: setSelectedFilterLabel
         }), {
-            theme: theme,
+            theme: resolvedTheme,
             variant: "compact",
             className: filterClassName,
             style: filterStyle
@@ -882,7 +884,7 @@ var BarChart = function BarChart(param) {
         return /*#__PURE__*/ React.createElement(ChartStatistic, _object_spread_props(_object_spread({
             key: index
         }, config), {
-            theme: theme
+            theme: resolvedTheme
         }));
     })), !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /*#__PURE__*/ React.createElement(ChartFilter, _object_spread_props(_object_spread({
         filterOptions: filterOptions,
@@ -893,7 +895,7 @@ var BarChart = function BarChart(param) {
         selectedCustomSelection: selectedFilterLabel,
         onSelectionChange: setSelectedFilterLabel
     }), {
-        theme: theme,
+        theme: resolvedTheme,
         className: filterClassName,
         style: filterStyle
     })), /*#__PURE__*/ React.createElement("div", {

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ChartContainerProps } from '../components';
-import { StatisticConfigType } from '../hooks/useChartStatistic';
+import { StatisticConfigType } from '../hooks';
 import type { ChartClassNames, ChartStyles } from '../types/classNames';
 /**
  * 箱线图数据项接口

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

@@ -153,6 +153,7 @@ import { Chart } from "react-chartjs-2";
 import ChartStatistic from "../ChartStatistic";
 import { ChartContainer, ChartFilter, ChartToolBar, downloadChart } from "../components";
 import { defaultColorList } from "../const";
+import { useDetectTheme } from "../hooks";
 import { hexToRgba, resolveCssVariable } from "../utils";
 import { useStyle } from "./style";
 var boxPlotChartComponentsRegistered = false;
@@ -223,7 +224,7 @@ var boxPlotChartComponentsRegistered = false;
     };
 }
 var BoxPlotChart = function BoxPlotChart(_0) {
-    var title = _0.title, data = _0.data, _0_width = _0.width, width = _0_width === void 0 ? 600 : _0_width, _0_height = _0.height, height = _0_height === void 0 ? 400 : _0_height, className = _0.className, classNamesProp = _0.classNames, style = _0.style, styles = _0.styles, dataTime = _0.dataTime, _0_theme = _0.theme, theme = _0_theme === void 0 ? 'light' : _0_theme, color = _0.color, _0_showLegend = _0.showLegend, showLegend = _0_showLegend === void 0 ? true : _0_showLegend, _0_legendPosition = _0.legendPosition, legendPosition = _0_legendPosition === void 0 ? 'bottom' : _0_legendPosition, _0_showGrid = _0.showGrid, showGrid = _0_showGrid === void 0 ? true : _0_showGrid, xAxisLabel = _0.xAxisLabel, yAxisLabel = _0.yAxisLabel, _0_showOutliers = _0.showOutliers, showOutliers = _0_showOutliers === void 0 ? true : _0_showOutliers, toolbarExtra = _0.toolbarExtra, _0_renderFilterInToolbar = _0.renderFilterInToolbar, renderFilterInToolbar = _0_renderFilterInToolbar === void 0 ? false : _0_renderFilterInToolbar, statisticConfig = _0.statistic, _0_loading = _0.loading, loading = _0_loading === void 0 ? false : _0_loading, props = _object_without_properties(_0, [
+    var title = _0.title, data = _0.data, _0_width = _0.width, width = _0_width === void 0 ? 600 : _0_width, _0_height = _0.height, height = _0_height === void 0 ? 400 : _0_height, className = _0.className, classNamesProp = _0.classNames, style = _0.style, styles = _0.styles, dataTime = _0.dataTime, theme = _0.theme, color = _0.color, _0_showLegend = _0.showLegend, showLegend = _0_showLegend === void 0 ? true : _0_showLegend, _0_legendPosition = _0.legendPosition, legendPosition = _0_legendPosition === void 0 ? 'bottom' : _0_legendPosition, _0_showGrid = _0.showGrid, showGrid = _0_showGrid === void 0 ? true : _0_showGrid, xAxisLabel = _0.xAxisLabel, yAxisLabel = _0.yAxisLabel, _0_showOutliers = _0.showOutliers, showOutliers = _0_showOutliers === void 0 ? true : _0_showOutliers, toolbarExtra = _0.toolbarExtra, _0_renderFilterInToolbar = _0.renderFilterInToolbar, renderFilterInToolbar = _0_renderFilterInToolbar === void 0 ? false : _0_renderFilterInToolbar, statisticConfig = _0.statistic, _0_loading = _0.loading, loading = _0_loading === void 0 ? false : _0_loading, props = _object_without_properties(_0, [
         "title",
         "data",
         "width",
@@ -445,7 +446,9 @@ var BoxPlotChart = function BoxPlotChart(_0) {
         color,
         showOutliers
     ]);
-    var isLight = theme === 'light';
+    var detectedTheme = useDetectTheme();
+    var resolvedTheme = theme !== null && theme !== void 0 ? theme : detectedTheme;
+    var isLight = resolvedTheme === '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)';
     // 图表配置选项
@@ -576,7 +579,7 @@ var BoxPlotChart = function BoxPlotChart(_0) {
     if (safeData.length === 0 || labels.length === 0) {
         return wrapSSR(/*#__PURE__*/ React.createElement(ChartContainer, {
             baseClassName: classNames("".concat(prefixCls, "-container"), hashId),
-            theme: theme,
+            theme: resolvedTheme,
             className: classNames(classNamesProp === null || classNamesProp === void 0 ? void 0 : classNamesProp.root, className),
             isMobile: isMobile,
             variant: props.variant,
@@ -604,7 +607,7 @@ var BoxPlotChart = function BoxPlotChart(_0) {
     }
     return wrapSSR(/*#__PURE__*/ React.createElement(ChartContainer, {
         baseClassName: classNames("".concat(prefixCls, "-container"), hashId),
-        theme: theme,
+        theme: resolvedTheme,
         className: classNames(classNamesProp === null || classNamesProp === void 0 ? void 0 : classNamesProp.root, className),
         isMobile: isMobile,
         variant: props.variant,
@@ -614,7 +617,7 @@ var BoxPlotChart = function BoxPlotChart(_0) {
         }, style, styles === null || styles === void 0 ? void 0 : styles.root)
     }, /*#__PURE__*/ React.createElement(ChartToolBar, {
         title: title || '箱线图',
-        theme: theme,
+        theme: resolvedTheme,
         onDownload: handleDownload,
         extra: toolbarExtra,
         dataTime: dataTime,
@@ -628,7 +631,7 @@ var BoxPlotChart = function BoxPlotChart(_0) {
             selectedCustomSelection: selectedFilterLabel,
             onSelectionChange: setSelectedFilterLabel
         }), {
-            theme: theme,
+            theme: resolvedTheme,
             variant: "compact"
         })) : undefined
     }), statistics && /*#__PURE__*/ React.createElement("div", {
@@ -638,7 +641,7 @@ var BoxPlotChart = function BoxPlotChart(_0) {
         return /*#__PURE__*/ React.createElement(ChartStatistic, _object_spread_props(_object_spread({
             key: index
         }, config), {
-            theme: theme
+            theme: resolvedTheme
         }));
     })), !renderFilterInToolbar && filterOptions.length > 1 && /*#__PURE__*/ React.createElement(ChartFilter, _object_spread_props(_object_spread({
         filterOptions: filterOptions,
@@ -649,7 +652,7 @@ var BoxPlotChart = function BoxPlotChart(_0) {
         selectedCustomSelection: selectedFilterLabel,
         onSelectionChange: setSelectedFilterLabel
     }), {
-        theme: theme
+        theme: resolvedTheme
     })), /*#__PURE__*/ React.createElement("div", {
         className: classNames(classNamesProp === null || classNamesProp === void 0 ? void 0 : classNamesProp.wrapper, "".concat(prefixCls, "-wrapper")),
         style: _object_spread({