@ant-design/agentic-ui 2.30.33 → 2.31.1

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({

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

@@ -154,7 +154,7 @@ import { useLocale } from "../../../I18n";
 import { ChartContainer, ChartFilter, ChartStatistic, ChartToolBar, downloadChart } from "../components";
 import { defaultColorList } from "../const";
 import { isWindowDefined } from "../env";
-import { useChartTheme } from "../hooks";
+import { useChartTheme, useDetectTheme } from "../hooks";
 import { resolveCssVariable } from "../utils";
 import { SINGLE_MODE_DESKTOP_CUTOUT, SINGLE_MODE_MOBILE_CUTOUT } from "./constants";
 import { useAutoCategory, useFilterLabels, useMobile, useResponsiveDimensions } from "./hooks";
@@ -199,7 +199,7 @@ import { useStyle } from "./style";
  *
  * @since 1.0.0
  */ var DonutChart = function DonutChart(_0) {
-    var data = _0.data, configs = _0.configs, _0_width = _0.width, width = _0_width === void 0 ? 200 : _0_width, _0_height = _0.height, height = _0_height === void 0 ? 200 : _0_height, className = _0.className, classNamesProp = _0.classNames, title = _0.title, _0_showToolbar = _0.showToolbar, showToolbar = _0_showToolbar === void 0 ? true : _0_showToolbar, onDownload = _0.onDownload, _0_theme = _0.theme, theme = _0_theme === void 0 ? 'light' : _0_theme, dataTime = _0.dataTime, filterList = _0.filterList, selectedFilter = _0.selectedFilter, onFilterChange = _0.onFilterChange, _0_enableAutoCategory = _0.enableAutoCategory, enableAutoCategory = _0_enableAutoCategory === void 0 ? true : _0_enableAutoCategory, _0_singleMode = _0.singleMode, singleMode = _0_singleMode === void 0 ? false : _0_singleMode, 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 data = _0.data, configs = _0.configs, _0_width = _0.width, width = _0_width === void 0 ? 200 : _0_width, _0_height = _0.height, height = _0_height === void 0 ? 200 : _0_height, className = _0.className, classNamesProp = _0.classNames, title = _0.title, _0_showToolbar = _0.showToolbar, showToolbar = _0_showToolbar === void 0 ? true : _0_showToolbar, onDownload = _0.onDownload, theme = _0.theme, dataTime = _0.dataTime, filterList = _0.filterList, selectedFilter = _0.selectedFilter, onFilterChange = _0.onFilterChange, _0_enableAutoCategory = _0.enableAutoCategory, enableAutoCategory = _0_enableAutoCategory === void 0 ? true : _0_enableAutoCategory, _0_singleMode = _0.singleMode, singleMode = _0_singleMode === void 0 ? false : _0_singleMode, 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, [
         "data",
         "configs",
         "width",
@@ -236,7 +236,9 @@ import { useStyle } from "./style";
     var _useMobile = useMobile(), isMobile = _useMobile.isMobile, windowWidth = _useMobile.windowWidth;
     var locale = useLocale();
     // 使用 useChartTheme hook 获取主题相关颜色
-    var isLight = useChartTheme(theme).isLight;
+    var detectedTheme = useDetectTheme();
+    var resolvedTheme = theme !== null && theme !== void 0 ? theme : detectedTheme;
+    var isLight = useChartTheme(resolvedTheme).isLight;
     // 默认配置：当 configs 不传时，使用默认配置，showLegend 默认为 true
     var defaultConfigs = [
         {
@@ -376,7 +378,7 @@ import { useStyle } from "./style";
     var finalSelectedFilter = selectedFilter || internalSelectedCategory;
     var finalOnFilterChange = onFilterChange || handleInternalCategoryChange;
     // 使用组件级别的 theme prop，而不是从 configs 中获取
-    var chartFilterTheme = theme;
+    var chartFilterTheme = resolvedTheme;
     var dimensions = useResponsiveDimensions(isMobile, windowWidth, width, height);
     var renderConfigs = singleMode && !configs ? Array.from({
         length: filteredData.length
@@ -394,13 +396,13 @@ import { useStyle } from "./style";
         baseClassName: baseClassName,
         className: classNames(classNamesProp === null || classNamesProp === void 0 ? void 0 : classNamesProp.root, className),
         variant: props.variant,
-        theme: theme,
+        theme: resolvedTheme,
         isMobile: isMobile,
         style: _object_spread(_define_property({}, '--donut-item-min-width', "".concat(dimensions.width, "px")), props.style, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root)
     }, showToolbar && /*#__PURE__*/ React.createElement(ChartContainer, {
         baseClassName: "".concat(baseClassName, "-toolbar-wrapper"),
         variant: "borderless",
-        theme: theme,
+        theme: resolvedTheme,
         isMobile: isMobile
     }, title && /*#__PURE__*/ React.createElement(ChartToolBar, {
         title: title,
@@ -455,7 +457,7 @@ import { useStyle } from "./style";
     }))), /*#__PURE__*/ React.createElement(ChartContainer, {
         baseClassName: "".concat(baseClassName, "-content"),
         variant: "borderless",
-        theme: theme,
+        theme: resolvedTheme,
         isMobile: isMobile
     }, renderConfigs.map(function(cfg, idx) {
         var _ref;
@@ -699,12 +701,12 @@ import { useStyle } from "./style";
             key: idx,
             baseClassName: "".concat(baseClassName, "-chart-wrapper"),
             variant: "borderless",
-            theme: theme,
+            theme: resolvedTheme,
             isMobile: isMobile
         }, isSingleValueMode ? /*#__PURE__*/ React.createElement(ChartContainer, {
             baseClassName: "".concat(baseClassName, "-single"),
             variant: "borderless",
-            theme: theme,
+            theme: resolvedTheme,
             isMobile: isMobile,
             style: _object_spread((_obj = {}, _define_property(_obj, '--donut-chart-height', "".concat(dimensions.height, "px")), _define_property(_obj, '--donut-chart-width', "".concat(dimensions.width, "px")), _define_property(_obj, "width", dimensions.width), _define_property(_obj, "height", dimensions.height), _define_property(_obj, "marginTop", '20px'), _obj), isMobile ? {
                 margin: '0 auto'
@@ -723,7 +725,7 @@ import { useStyle } from "./style";
         })) : /*#__PURE__*/ React.createElement(ChartContainer, {
             baseClassName: "".concat(baseClassName, "-row"),
             variant: "borderless",
-            theme: theme,
+            theme: resolvedTheme,
             isMobile: isMobile,
             style: _object_spread({}, isMobile ? {
                 flexDirection: 'column',
@@ -732,7 +734,7 @@ import { useStyle } from "./style";
         }, /*#__PURE__*/ React.createElement(ChartContainer, {
             baseClassName: "".concat(baseClassName, "-chart"),
             variant: "borderless",
-            theme: theme,
+            theme: resolvedTheme,
             isMobile: isMobile,
             style: (_obj1 = {}, _define_property(_obj1, '--donut-chart-width', "".concat(dimensions.chartWidth, "px")), _define_property(_obj1, '--donut-chart-height', "".concat(dimensions.chartHeight, "px")), _define_property(_obj1, "width", dimensions.chartWidth), _define_property(_obj1, "height", dimensions.chartHeight), _define_property(_obj1, "marginTop", '20px'), _obj1)
         }, /*#__PURE__*/ React.createElement(Doughnut, {
@@ -759,7 +761,7 @@ import { useStyle } from "./style";
             baseClassName: baseClassName,
             hashId: hashId,
             isMobile: isMobile,
-            theme: theme
+            theme: resolvedTheme
         })));
     })));
 };

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

@@ -152,12 +152,12 @@ import { Bar } from "react-chartjs-2";
 import ChartStatistic from "../ChartStatistic";
 import { ChartContainer, ChartFilter, ChartToolBar, downloadChart } from "../components";
 import { defaultColorList } from "../const";
-import { useChartTheme } from "../hooks";
+import { useChartTheme, useDetectTheme } from "../hooks";
 import { findDataPointByXValue, isXValueEqual, resolveCssVariable, toNumber } from "../utils";
 import { useStyle } from "./style";
 var funnelChartComponentsRegistered = false;
 var FunnelChart = function FunnelChart(_0) {
-    var title = _0.title, data = _0.data, color = _0.color, _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, dataTime = _0.dataTime, _0_theme = _0.theme, theme = _0_theme === void 0 ? 'light' : _0_theme, _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_legendAlign = _0.legendAlign, legendAlign = _0_legendAlign === void 0 ? 'start' : _0_legendAlign, _0_showPercent = _0.showPercent, showPercent = _0_showPercent === void 0 ? true : _0_showPercent, toolbarExtra = _0.toolbarExtra, _0_renderFilterInToolbar = _0.renderFilterInToolbar, renderFilterInToolbar = _0_renderFilterInToolbar === void 0 ? false : _0_renderFilterInToolbar, _0_bottomLayerMinWidth = _0.bottomLayerMinWidth, bottomLayerMinWidth = _0_bottomLayerMinWidth === void 0 ? 0 : _0_bottomLayerMinWidth, typeNames = _0.typeNames, 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, color = _0.color, _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, dataTime = _0.dataTime, theme = _0.theme, _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_legendAlign = _0.legendAlign, legendAlign = _0_legendAlign === void 0 ? 'start' : _0_legendAlign, _0_showPercent = _0.showPercent, showPercent = _0_showPercent === void 0 ? true : _0_showPercent, toolbarExtra = _0.toolbarExtra, _0_renderFilterInToolbar = _0.renderFilterInToolbar, renderFilterInToolbar = _0_renderFilterInToolbar === void 0 ? false : _0_renderFilterInToolbar, _0_bottomLayerMinWidth = _0.bottomLayerMinWidth, bottomLayerMinWidth = _0_bottomLayerMinWidth === void 0 ? 0 : _0_bottomLayerMinWidth, typeNames = _0.typeNames, statisticConfig = _0.statistic, _0_loading = _0.loading, loading = _0_loading === void 0 ? false : _0_loading, props = _object_without_properties(_0, [
         "title",
         "data",
         "color",
@@ -510,7 +510,9 @@ var FunnelChart = function FunnelChart(_0) {
         filterLabels
     ]);
     // 使用 useChartTheme hook 获取主题相关颜色
-    var _useChartTheme = useChartTheme(theme), axisTextColor = _useChartTheme.axisTextColor, isLight = _useChartTheme.isLight;
+    var detectedTheme = useDetectTheme();
+    var resolvedTheme = theme !== null && theme !== void 0 ? theme : detectedTheme;
+    var _useChartTheme = useChartTheme(resolvedTheme), axisTextColor = _useChartTheme.axisTextColor, isLight = _useChartTheme.isLight;
     var options = {
         responsive: true,
         maintainAspectRatio: false,
@@ -835,13 +837,13 @@ var FunnelChart = function FunnelChart(_0) {
     return wrapSSR(/*#__PURE__*/ React.createElement(ChartContainer, {
         baseClassName: baseClassName,
         className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.root, className, containerClassName),
-        theme: theme,
+        theme: resolvedTheme,
         isMobile: isMobile,
         variant: props.variant,
         style: _object_spread({}, containerStyle, props.style, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root)
     }, /*#__PURE__*/ React.createElement(ChartToolBar, {
         title: title,
-        theme: theme,
+        theme: resolvedTheme,
         onDownload: handleDownload,
         dataTime: dataTime,
         extra: toolbarExtra,
@@ -857,7 +859,7 @@ var FunnelChart = function FunnelChart(_0) {
             selectedCustomSelection: selectedFilterLabel,
             onSelectionChange: setSelectedFilterLabel
         }), {
-            theme: theme,
+            theme: resolvedTheme,
             variant: "compact"
         })) : undefined
     }), !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /*#__PURE__*/ React.createElement(ChartFilter, _object_spread_props(_object_spread({
@@ -869,7 +871,7 @@ var FunnelChart = function FunnelChart(_0) {
         selectedCustomSelection: selectedFilterLabel,
         onSelectionChange: setSelectedFilterLabel
     }), {
-        theme: theme
+        theme: resolvedTheme
     })), statistics && /*#__PURE__*/ React.createElement("div", {
         className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.statisticContainer, "".concat(baseClassName, "-statistic-container")),
         style: (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.statisticContainer
@@ -877,7 +879,7 @@ var FunnelChart = function FunnelChart(_0) {
         return /*#__PURE__*/ React.createElement(ChartStatistic, _object_spread_props(_object_spread({
             key: index
         }, config), {
-            theme: theme
+            theme: resolvedTheme
         }));
     })), /*#__PURE__*/ React.createElement("div", {
         className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.wrapper, "".concat(baseClassName, "-wrapper")),

package/dist/Plugins/chart/HistogramChart/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/HistogramChart/index.js

@@ -152,6 +152,7 @@ import { Bar } 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 histogramChartComponentsRegistered = false;
@@ -216,7 +217,7 @@ var histogramChartComponentsRegistered = false;
     return "".concat(formatNum(start), " - ").concat(formatNum(end));
 }
 var HistogramChart = function HistogramChart(_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_stacked = _0.stacked, stacked = _0_stacked === void 0 ? true : _0_stacked, customBinCount = _0.binCount, _0_showFrequency = _0.showFrequency, showFrequency = _0_showFrequency === void 0 ? false : _0_showFrequency, 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_stacked = _0.stacked, stacked = _0_stacked === void 0 ? true : _0_stacked, customBinCount = _0.binCount, _0_showFrequency = _0.showFrequency, showFrequency = _0_showFrequency === void 0 ? false : _0_showFrequency, 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",
@@ -523,7 +524,9 @@ var HistogramChart = function HistogramChart(_0) {
         color,
         stacked
     ]);
-    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)';
     // 图表配置选项
@@ -644,7 +647,7 @@ var HistogramChart = function HistogramChart(_0) {
     if (safeData.length === 0 || filteredData.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,
@@ -672,7 +675,7 @@ var HistogramChart = function HistogramChart(_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,
@@ -682,7 +685,7 @@ var HistogramChart = function HistogramChart(_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,
@@ -696,7 +699,7 @@ var HistogramChart = function HistogramChart(_0) {
             selectedCustomSelection: selectedFilterLabel,
             onSelectionChange: setSelectedFilterLabel
         }), {
-            theme: theme,
+            theme: resolvedTheme,
             variant: "compact"
         })) : undefined
     }), statistics && /*#__PURE__*/ React.createElement("div", {
@@ -706,7 +709,7 @@ var HistogramChart = function HistogramChart(_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,
@@ -717,7 +720,7 @@ var HistogramChart = function HistogramChart(_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({

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

@@ -117,11 +117,11 @@ 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";
 var LineChart = function LineChart(_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, 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_legendAlign = _0.legendAlign, legendAlign = _0_legendAlign === void 0 ? 'start' : _0_legendAlign, _0_showGrid = _0.showGrid, showGrid = _0_showGrid === void 0 ? true : _0_showGrid, _0_xPosition = _0.xPosition, xPosition = _0_xPosition === void 0 ? 'bottom' : _0_xPosition, _0_yPosition = _0.yPosition, yPosition = _0_yPosition === void 0 ? 'left' : _0_yPosition, _0_hiddenX = _0.hiddenX, hiddenX = _0_hiddenX === void 0 ? false : _0_hiddenX, _0_hiddenY = _0.hiddenY, hiddenY = _0_hiddenY === void 0 ? false : _0_hiddenY, 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, 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_legendAlign = _0.legendAlign, legendAlign = _0_legendAlign === void 0 ? 'start' : _0_legendAlign, _0_showGrid = _0.showGrid, showGrid = _0_showGrid === void 0 ? true : _0_showGrid, _0_xPosition = _0.xPosition, xPosition = _0_xPosition === void 0 ? 'bottom' : _0_xPosition, _0_yPosition = _0.yPosition, yPosition = _0_yPosition === void 0 ? 'left' : _0_yPosition, _0_hiddenX = _0.hiddenX, hiddenX = _0_hiddenX === void 0 ? false : _0_hiddenX, _0_hiddenY = _0.hiddenY, hiddenY = _0_hiddenY === void 0 ? false : _0_hiddenY, 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",
@@ -161,7 +161,9 @@ var LineChart = function LineChart(_0) {
     // 数据筛选
     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) {
@@ -368,13 +370,13 @@ var LineChart = function LineChart(_0) {
     return wrapSSR(/*#__PURE__*/ React.createElement(ChartContainer, {
         baseClassName: baseClassName,
         className: rootClassName,
-        theme: theme,
+        theme: resolvedTheme,
         isMobile: isMobile,
         variant: props.variant,
         style: rootStyle
     }, /*#__PURE__*/ React.createElement(ChartToolBar, {
         title: title,
-        theme: theme,
+        theme: resolvedTheme,
         className: toolbarClassName,
         style: toolbarStyle,
         onDownload: handleDownload,
@@ -390,7 +392,7 @@ var LineChart = function LineChart(_0) {
             selectedCustomSelection: selectedFilterLabel,
             onSelectionChange: setSelectedFilterLabel
         }), {
-            theme: theme,
+            theme: resolvedTheme,
             variant: "compact"
         })) : undefined
     }), statistics && /*#__PURE__*/ React.createElement("div", {
@@ -399,7 +401,7 @@ var LineChart = function LineChart(_0) {
         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,
@@ -410,7 +412,7 @@ var LineChart = function LineChart(_0) {
         selectedCustomSelection: selectedFilterLabel,
         onSelectionChange: setSelectedFilterLabel
     }), {
-        theme: theme
+        theme: resolvedTheme
     })), /*#__PURE__*/ React.createElement("div", {
         className: "".concat(baseClassName, "-wrapper"),
         style: {

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

@@ -144,12 +144,12 @@ import { Radar } from "react-chartjs-2";
 import ChartStatistic from "../ChartStatistic";
 import { ChartContainer, ChartFilter, ChartToolBar, downloadChart } from "../components";
 import { defaultColorList } from "../const";
-import { useChartTheme } from "../hooks";
+import { useChartTheme, useDetectTheme } from "../hooks";
 import { hexToRgba, resolveCssVariable } from "../utils";
 import { useStyle } from "./style";
 var radarChartComponentsRegistered = false;
 var RadarChart = function RadarChart(_0) {
-    var data = _0.data, title = _0.title, _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, toolbarExtra = _0.toolbarExtra, _0_renderFilterInToolbar = _0.renderFilterInToolbar, renderFilterInToolbar = _0_renderFilterInToolbar === void 0 ? false : _0_renderFilterInToolbar, dataTime = _0.dataTime, _0_theme = _0.theme, theme = _0_theme === void 0 ? 'light' : _0_theme, color = _0.color, statisticConfig = _0.statistic, _0_textMaxWidth = _0.textMaxWidth, textMaxWidth = _0_textMaxWidth === void 0 ? 80 : _0_textMaxWidth, _0_loading = _0.loading, loading = _0_loading === void 0 ? false : _0_loading, props = _object_without_properties(_0, [
+    var data = _0.data, title = _0.title, _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, toolbarExtra = _0.toolbarExtra, _0_renderFilterInToolbar = _0.renderFilterInToolbar, renderFilterInToolbar = _0_renderFilterInToolbar === void 0 ? false : _0_renderFilterInToolbar, dataTime = _0.dataTime, theme = _0.theme, color = _0.color, statisticConfig = _0.statistic, _0_textMaxWidth = _0.textMaxWidth, textMaxWidth = _0_textMaxWidth === void 0 ? 80 : _0_textMaxWidth, _0_loading = _0.loading, loading = _0_loading === void 0 ? false : _0_loading, props = _object_without_properties(_0, [
         "data",
         "title",
         "width",
@@ -180,7 +180,9 @@ var RadarChart = function RadarChart(_0) {
     var prefixCls = getPrefixCls('radar-chart');
     var _useStyle = useStyle(prefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     // 主题颜色 - 必须在所有条件返回之前调用
-    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;
     // 处理 ChartStatistic 组件配置
     var statistics = useMemo(function() {
         if (!statisticConfig) return null;
@@ -273,7 +275,7 @@ var RadarChart = function RadarChart(_0) {
         var _props_styles;
         return wrapSSR(/*#__PURE__*/ React.createElement(ChartContainer, {
             baseClassName: classNames("".concat(prefixCls, "-container")),
-            theme: theme,
+            theme: resolvedTheme,
             className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.root, hashId, className),
             isMobile: isMobile,
             variant: props.variant,
@@ -283,7 +285,7 @@ var RadarChart = function RadarChart(_0) {
             }, props.style, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root)
         }, /*#__PURE__*/ React.createElement(ChartToolBar, {
             title: title || '雷达图',
-            theme: theme,
+            theme: resolvedTheme,
             onDownload: function onDownload() {},
             extra: toolbarExtra,
             dataTime: dataTime,
@@ -559,7 +561,7 @@ var RadarChart = function RadarChart(_0) {
         var _props_styles1;
         return wrapSSR(/*#__PURE__*/ React.createElement(ChartContainer, {
             baseClassName: classNames("".concat(prefixCls, "-container")),
-            theme: theme,
+            theme: resolvedTheme,
             className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.root, hashId, className),
             isMobile: isMobile,
             variant: props.variant,
@@ -569,7 +571,7 @@ var RadarChart = function RadarChart(_0) {
             }, props.style, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.root)
         }, /*#__PURE__*/ React.createElement(ChartToolBar, {
             title: title || '雷达图',
-            theme: theme,
+            theme: resolvedTheme,
             onDownload: handleDownload,
             extra: toolbarExtra,
             dataTime: dataTime,
@@ -583,7 +585,7 @@ var RadarChart = function RadarChart(_0) {
                 selectedCustomSelection: selectedFilterLabel,
                 onSelectionChange: setSelectedFilterLabel
             }), {
-                theme: theme,
+                theme: resolvedTheme,
                 variant: "compact"
             })) : undefined
         }), !renderFilterInToolbar && filterEnum.length > 0 && /*#__PURE__*/ React.createElement(ChartFilter, _object_spread_props(_object_spread({
@@ -595,14 +597,14 @@ var RadarChart = function RadarChart(_0) {
             selectedCustomSelection: selectedFilterLabel,
             onSelectionChange: setSelectedFilterLabel
         }), {
-            theme: theme
+            theme: resolvedTheme
         })), statistics && /*#__PURE__*/ React.createElement("div", {
             className: classNames("".concat(prefixCls, "-statistic-container"), hashId)
         }, statistics.map(function(config, index) {
             return /*#__PURE__*/ React.createElement(ChartStatistic, _object_spread_props(_object_spread({
                 key: index
             }, config), {
-                theme: theme
+                theme: resolvedTheme
             }));
         })), /*#__PURE__*/ React.createElement("div", {
             className: classNames("".concat(prefixCls, "-chart-wrapper"), hashId)
@@ -616,7 +618,7 @@ var RadarChart = function RadarChart(_0) {
         console.error('RadarChart 渲染错误:', error);
         return wrapSSR(/*#__PURE__*/ React.createElement(ChartContainer, {
             baseClassName: classNames("".concat(prefixCls, "-container")),
-            theme: theme,
+            theme: resolvedTheme,
             className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.root, hashId, className),
             isMobile: isMobile,
             variant: props.variant,
@@ -626,7 +628,7 @@ var RadarChart = function RadarChart(_0) {
             }, props.style, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.root)
         }, /*#__PURE__*/ React.createElement(ChartToolBar, {
             title: title || '雷达图',
-            theme: theme,
+            theme: resolvedTheme,
             onDownload: function onDownload() {},
             extra: toolbarExtra,
             dataTime: dataTime,