@ant-design/agentic-ui 2.30.33 → 2.31.1

package/dist/Components/lotties/bubble-actions/Play/index.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import React from "react";
+import React, { useMemo } from "react";
 import AbstractLottie from "../Abstract";
-import playAnimation from "./lottie.json";
+import { useAsyncLottieData } from "../../useAsyncLottieData";
 /**
  * 播放操作动画组件
  *
@@ -92,8 +92,17 @@ import playAnimation from "./lottie.json";
  * @param props.size - 动画尺寸（宽度和高度），默认为 '1em'
  * @returns 渲染的播放操作动画组件
  */ export var PlayLottie = function PlayLottie(props) {
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    if (animationData === null) {
+        return null;
+    }
     return /*#__PURE__*/ React.createElement(AbstractLottie, _object_spread_props(_object_spread({}, props), {
-        animationData: playAnimation
+        animationData: animationData
     }));
 };
 export default PlayLottie;

package/dist/Components/lotties/bubble-actions/Quote/index.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import React from "react";
+import React, { useMemo } from "react";
 import AbstractLottie from "../Abstract";
-import quoteAnimation from "./lottie.json";
+import { useAsyncLottieData } from "../../useAsyncLottieData";
 /**
  * 引用操作动画组件
  *
@@ -92,8 +92,17 @@ import quoteAnimation from "./lottie.json";
  * @param props.size - 动画尺寸（宽度和高度），默认为 '1em'
  * @returns 渲染的引用操作动画组件
  */ export var QuoteLottie = function QuoteLottie(props) {
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    if (animationData === null) {
+        return null;
+    }
     return /*#__PURE__*/ React.createElement(AbstractLottie, _object_spread_props(_object_spread({}, props), {
-        animationData: quoteAnimation
+        animationData: animationData
     }));
 };
 export default QuoteLottie;

package/dist/Components/lotties/bubble-actions/Refresh/index.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import React from "react";
+import React, { useMemo } from "react";
 import AbstractLottie from "../Abstract";
-import refreshAnimation from "./lottie.json";
+import { useAsyncLottieData } from "../../useAsyncLottieData";
 /**
  * 刷新操作动画组件
  *
@@ -92,8 +92,17 @@ import refreshAnimation from "./lottie.json";
  * @param props.size - 动画尺寸（宽度和高度），默认为 '1em'
  * @returns 渲染的刷新操作动画组件
  */ export var RefreshLottie = function RefreshLottie(props) {
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    if (animationData === null) {
+        return null;
+    }
     return /*#__PURE__*/ React.createElement(AbstractLottie, _object_spread_props(_object_spread({}, props), {
-        animationData: refreshAnimation
+        animationData: animationData
     }));
 };
 export default RefreshLottie;

package/dist/Components/lotties/bubble-actions/Share/index.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import React from "react";
+import React, { useMemo } from "react";
 import AbstractLottie from "../Abstract";
-import shareAnimation from "./lottie.json";
+import { useAsyncLottieData } from "../../useAsyncLottieData";
 /**
  * 分享操作动画组件
  *
@@ -92,8 +92,17 @@ import shareAnimation from "./lottie.json";
  * @param props.size - 动画尺寸（宽度和高度），默认为 '1em'
  * @returns 渲染的分享操作动画组件
  */ export var ShareLottie = function ShareLottie(props) {
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    if (animationData === null) {
+        return null;
+    }
     return /*#__PURE__*/ React.createElement(AbstractLottie, _object_spread_props(_object_spread({}, props), {
-        animationData: shareAnimation
+        animationData: animationData
     }));
 };
 export default ShareLottie;

package/dist/Components/lotties/index.d.ts

@@ -1,4 +1,5 @@
 export * from './bubble-actions';
+export * from './useAsyncLottieData';
 export * from './CreativeSparkLottie';
 export * from './DazingLottie';
 export * from './LoadingLottie';

package/dist/Components/lotties/index.js

@@ -1,4 +1,5 @@
 export * from "./bubble-actions";
+export * from "./useAsyncLottieData";
 export * from "./CreativeSparkLottie";
 export * from "./DazingLottie";
 export * from "./LoadingLottie";

package/dist/Components/lotties/useAsyncLottieData.d.ts

@@ -0,0 +1,9 @@
+type LottieJsonModule = {
+    default?: unknown;
+} | unknown;
+/**
+ * 通过动态 import 异步加载 Lottie JSON，避免与主包同步打包。
+ * @param load 稳定引用，例如 `useMemo(() => () => import('./x.json'), [])`
+ */
+export declare const useAsyncLottieData: (load: () => Promise<LottieJsonModule>) => unknown | null;
+export {};

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/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/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/MarkdownEditor/style.js

@@ -108,8 +108,14 @@ var genTableStyle = function genTableStyle(token, mobileBreakpoint, mobilePaddin
             boxShadow: 'var(--shadow-control-base)',
             border: 'none',
             transform: 'translateX(50%)',
-            transition: 'all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)'
+            transition: 'all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)',
+            color: 'var(--color-gray-text-default)'
         },
+        // Dark theme for table actions
+        '&-dark': _define_property({}, "".concat(tableCls, "-readonly-table-actions"), {
+            backgroundColor: 'var(--color-gray-bg-page-dark, #1f1f1f)',
+            color: 'rgba(255, 255, 255, 0.85)'
+        }),
         table: (_obj = {
             borderCollapse: 'separate',
             borderSpacing: 0,

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/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';
 /**
  * 箱线图数据项接口