@ant-design/agentic-ui 2.14.1 → 2.16.1

package/dist/Plugins/chart/ChartRender.js

@@ -341,11 +341,11 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
  * 图表运行时渲染器组件实现
  * 负责使用已加载的 runtime 渲染图表
  */ var ChartRuntimeRendererImpl = function(param) {
-    var chartType = param.chartType, runtime = param.runtime, convertDonutData = param.convertDonutData, convertFlatData = param.convertFlatData, config = param.config, renderKey = param.renderKey, title = param.title, dataTime = param.dataTime, toolBar = param.toolBar, filterBy = param.filterBy, groupBy = param.groupBy, colorLegend = param.colorLegend, chartData = param.chartData, getFieldValue = param.getFieldValue;
+    var chartType = param.chartType, runtime = param.runtime, convertDonutData = param.convertDonutData, convertFlatData = param.convertFlatData, config = param.config, title = param.title, dataTime = param.dataTime, toolBar = param.toolBar, filterBy = param.filterBy, groupBy = param.groupBy, colorLegend = param.colorLegend, chartData = param.chartData, getFieldValue = param.getFieldValue, _param_loading = param.loading, loading = _param_loading === void 0 ? false : _param_loading;
     var DonutChart = runtime.DonutChart, FunnelChart = runtime.FunnelChart, AreaChart = runtime.AreaChart, BarChart = runtime.BarChart, LineChart = runtime.LineChart, RadarChart = runtime.RadarChart, ScatterChart = runtime.ScatterChart;
     if (chartType === 'pie') {
         return /*#__PURE__*/ React.createElement(DonutChart, {
-            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-pie-").concat(renderKey),
+            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-pie"),
             data: convertDonutData,
             configs: [
                 {
@@ -357,12 +357,13 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
             title: title,
             showToolbar: true,
             dataTime: dataTime,
-            toolbarExtra: toolBar
+            toolbarExtra: toolBar,
+            loading: loading
         });
     }
     if (chartType === 'donut') {
         return /*#__PURE__*/ React.createElement(DonutChart, {
-            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-donut-").concat(renderKey),
+            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-donut"),
             data: convertDonutData,
             configs: [
                 {
@@ -374,14 +375,15 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
             title: title,
             showToolbar: true,
             dataTime: dataTime,
-            toolbarExtra: toolBar
+            toolbarExtra: toolBar,
+            loading: loading
         });
     }
     if (chartType === 'bar') {
         var _config_rest, _config_rest1, _config_rest2;
         var _config_rest_showLegend, _config_rest_showGrid;
         return /*#__PURE__*/ React.createElement(BarChart, {
-            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-bar-").concat(renderKey),
+            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-bar"),
             data: convertFlatData,
             height: (config === null || config === void 0 ? void 0 : config.height) || 400,
             title: title || '',
@@ -390,28 +392,30 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
             showLegend: (_config_rest_showLegend = config === null || config === void 0 ? void 0 : (_config_rest1 = config.rest) === null || _config_rest1 === void 0 ? void 0 : _config_rest1.showLegend) !== null && _config_rest_showLegend !== void 0 ? _config_rest_showLegend : true,
             showGrid: (_config_rest_showGrid = config === null || config === void 0 ? void 0 : (_config_rest2 = config.rest) === null || _config_rest2 === void 0 ? void 0 : _config_rest2.showGrid) !== null && _config_rest_showGrid !== void 0 ? _config_rest_showGrid : true,
             dataTime: dataTime,
-            toolbarExtra: toolBar
+            toolbarExtra: toolBar,
+            loading: loading
         });
     }
     if (chartType === 'line') {
         var _config_rest3, _config_rest4;
         var _config_rest_showLegend1, _config_rest_showGrid1;
         return /*#__PURE__*/ React.createElement(LineChart, {
-            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-line-").concat(renderKey),
+            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-line"),
             data: convertFlatData,
             height: (config === null || config === void 0 ? void 0 : config.height) || 400,
             title: title || '',
             showLegend: (_config_rest_showLegend1 = config === null || config === void 0 ? void 0 : (_config_rest3 = config.rest) === null || _config_rest3 === void 0 ? void 0 : _config_rest3.showLegend) !== null && _config_rest_showLegend1 !== void 0 ? _config_rest_showLegend1 : true,
             showGrid: (_config_rest_showGrid1 = config === null || config === void 0 ? void 0 : (_config_rest4 = config.rest) === null || _config_rest4 === void 0 ? void 0 : _config_rest4.showGrid) !== null && _config_rest_showGrid1 !== void 0 ? _config_rest_showGrid1 : true,
             dataTime: dataTime,
-            toolbarExtra: toolBar
+            toolbarExtra: toolBar,
+            loading: loading
         });
     }
     if (chartType === 'column') {
         var _config_rest5, _config_rest6, _config_rest7;
         var _config_rest_showLegend2, _config_rest_showGrid2;
         return /*#__PURE__*/ React.createElement(BarChart, {
-            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-column-").concat(renderKey),
+            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-column"),
             data: convertFlatData,
             height: (config === null || config === void 0 ? void 0 : config.height) || 400,
             title: title || '',
@@ -420,21 +424,23 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
             showLegend: (_config_rest_showLegend2 = config === null || config === void 0 ? void 0 : (_config_rest6 = config.rest) === null || _config_rest6 === void 0 ? void 0 : _config_rest6.showLegend) !== null && _config_rest_showLegend2 !== void 0 ? _config_rest_showLegend2 : true,
             showGrid: (_config_rest_showGrid2 = config === null || config === void 0 ? void 0 : (_config_rest7 = config.rest) === null || _config_rest7 === void 0 ? void 0 : _config_rest7.showGrid) !== null && _config_rest_showGrid2 !== void 0 ? _config_rest_showGrid2 : true,
             dataTime: dataTime,
-            toolbarExtra: toolBar
+            toolbarExtra: toolBar,
+            loading: loading
         });
     }
     if (chartType === 'area') {
         var _config_rest8, _config_rest9;
         var _config_rest_showLegend3, _config_rest_showGrid3;
         return /*#__PURE__*/ React.createElement(AreaChart, {
-            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-area-").concat(renderKey),
+            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-area"),
             data: convertFlatData,
             height: (config === null || config === void 0 ? void 0 : config.height) || 400,
             title: title || '',
             showLegend: (_config_rest_showLegend3 = config === null || config === void 0 ? void 0 : (_config_rest8 = config.rest) === null || _config_rest8 === void 0 ? void 0 : _config_rest8.showLegend) !== null && _config_rest_showLegend3 !== void 0 ? _config_rest_showLegend3 : true,
             showGrid: (_config_rest_showGrid3 = config === null || config === void 0 ? void 0 : (_config_rest9 = config.rest) === null || _config_rest9 === void 0 ? void 0 : _config_rest9.showGrid) !== null && _config_rest_showGrid3 !== void 0 ? _config_rest_showGrid3 : true,
             dataTime: dataTime,
-            toolbarExtra: toolBar
+            toolbarExtra: toolBar,
+            loading: loading
         });
     }
     if (chartType === 'radar') {
@@ -442,10 +448,12 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
             var filterLabel = getFieldValue(row, filterBy);
             var category = getFieldValue(row, groupBy);
             var type = getFieldValue(row, colorLegend);
-            var _row_config_x;
+            // 使用 getFieldValue 获取 x 和 y 值，支持字段名规范化
+            var xValue = getFieldValue(row, config === null || config === void 0 ? void 0 : config.x);
+            var yValue = getFieldValue(row, config === null || config === void 0 ? void 0 : config.y);
             return _object_spread({
-                label: String((_row_config_x = row === null || row === void 0 ? void 0 : row[config === null || config === void 0 ? void 0 : config.x]) !== null && _row_config_x !== void 0 ? _row_config_x : i + 1),
-                score: row === null || row === void 0 ? void 0 : row[config === null || config === void 0 ? void 0 : config.y]
+                label: xValue ? String(xValue) : String(i + 1),
+                score: yValue ? Number(yValue) : undefined
             }, category ? {
                 category: category
             } : {}, type ? {
@@ -455,12 +463,13 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
             } : {});
         });
         return /*#__PURE__*/ React.createElement(RadarChart, {
-            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-radar-").concat(renderKey),
+            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-radar"),
             data: radarData,
             height: (config === null || config === void 0 ? void 0 : config.height) || 400,
             title: title || '',
             dataTime: dataTime,
-            toolbarExtra: toolBar
+            toolbarExtra: toolBar,
+            loading: loading
         });
     }
     if (chartType === 'scatter') {
@@ -468,9 +477,12 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
             var filterLabel = getFieldValue(row, filterBy);
             var category = getFieldValue(row, groupBy);
             var type = getFieldValue(row, colorLegend);
+            // 使用 getFieldValue 获取 x 和 y 值，支持字段名规范化
+            var xValue = getFieldValue(row, config === null || config === void 0 ? void 0 : config.x);
+            var yValue = getFieldValue(row, config === null || config === void 0 ? void 0 : config.y);
             return _object_spread({
-                x: row === null || row === void 0 ? void 0 : row[config === null || config === void 0 ? void 0 : config.x],
-                y: row === null || row === void 0 ? void 0 : row[config === null || config === void 0 ? void 0 : config.y]
+                x: xValue ? Number(xValue) : 0,
+                y: yValue ? Number(yValue) : 0
             }, category ? {
                 category: category
             } : {}, type ? {
@@ -480,12 +492,13 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
             } : {});
         });
         return /*#__PURE__*/ React.createElement(ScatterChart, {
-            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-scatter-").concat(renderKey),
+            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-scatter"),
             data: scatterData,
             height: (config === null || config === void 0 ? void 0 : config.height) || 400,
             title: title || '',
             dataTime: dataTime,
-            toolbarExtra: toolBar
+            toolbarExtra: toolBar,
+            loading: loading
         });
     }
     if (chartType === 'funnel') {
@@ -493,10 +506,12 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
             var filterLabel = getFieldValue(row, filterBy);
             var category = getFieldValue(row, groupBy);
             var type = getFieldValue(row, colorLegend);
-            var _row_config_x;
+            // 使用 getFieldValue 获取 x 和 y 值，支持字段名规范化
+            var xValue = getFieldValue(row, config === null || config === void 0 ? void 0 : config.x);
+            var yValue = getFieldValue(row, config === null || config === void 0 ? void 0 : config.y);
             return _object_spread({
-                x: String((_row_config_x = row === null || row === void 0 ? void 0 : row[config === null || config === void 0 ? void 0 : config.x]) !== null && _row_config_x !== void 0 ? _row_config_x : i + 1),
-                y: toNumber(row === null || row === void 0 ? void 0 : row[config === null || config === void 0 ? void 0 : config.y], 0)
+                x: xValue ? String(xValue) : String(i + 1),
+                y: yValue ? toNumber(yValue, 0) : 0
             }, (row === null || row === void 0 ? void 0 : row.ratio) !== undefined ? {
                 ratio: row.ratio
             } : {}, category ? {
@@ -508,7 +523,7 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
             } : {});
         });
         return /*#__PURE__*/ React.createElement(FunnelChart, {
-            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-funnel-").concat(renderKey),
+            key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-funnel"),
             data: funnelData,
             height: (config === null || config === void 0 ? void 0 : config.height) || 400,
             title: title || '',
@@ -517,7 +532,8 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
                 rate: '转化率',
                 name: colorLegend || '转化'
             },
-            toolbarExtra: toolBar
+            toolbarExtra: toolBar,
+            loading: loading
         });
     }
     return null;
@@ -625,11 +641,11 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
  * - 使用 React.lazy 和 Suspense 实现代码分割
  */ export var ChartRender = function(props) {
     var // 对于 rest 对象，使用浅比较
-    _config_rest, _config_rest1, _config_rest2;
+    _config_rest, _config_rest1, _config_rest2, _config_rest3, _config_rest4, _config_rest5;
     var _useState = _sliced_to_array(useState(function() {
         return props.chartType;
     }), 2), chartType = _useState[0], setChartType = _useState[1];
-    var chartData = props.chartData, isChartList = props.isChartList, onColumnLengthChange = props.onColumnLengthChange, columnLength = props.columnLength, title = props.title, dataTime = props.dataTime, groupBy = props.groupBy, filterBy = props.filterBy, colorLegend = props.colorLegend;
+    var chartData = props.chartData, isChartList = props.isChartList, onColumnLengthChange = props.onColumnLengthChange, columnLength = props.columnLength, title = props.title, dataTime = props.dataTime, groupBy = props.groupBy, filterBy = props.filterBy, colorLegend = props.colorLegend, _props_loading = props.loading, loading = _props_loading === void 0 ? false : _props_loading;
     var i18n = useContext(I18nContext);
     var _useState1 = _sliced_to_array(useState(function() {
         return props.config;
@@ -649,11 +665,12 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
         chartData
     ]);
     // 防抖更新 renderKey，避免流式数据频繁更新导致的性能问题
+    // 增加延迟时间以减少抖动
     var debouncedUpdateRenderKeyRef = React.useRef(debounce(function() {
         setRenderKey(function(k) {
             return k + 1;
         });
-    }, 300));
+    }, 800));
     var renderDescriptionsFallback = React.useMemo(function() {
         var _config_columns;
         var columnCount = (config === null || config === void 0 ? void 0 : (_config_columns = config.columns) === null || _config_columns === void 0 ? void 0 : _config_columns.length) || 0;
@@ -693,9 +710,39 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
         });
         return map;
     };
+    /**
+   * 规范化字段名，统一处理转义字符
+   * 将 `index\_value` 转换为 `index_value`，确保字段名一致
+   */ var normalizeFieldName = function(fieldName) {
+        if (!fieldName) return fieldName;
+        // 移除转义字符：将 `\_` 转换为 `_`，`\\` 转换为 `\`
+        return fieldName.replace(/\\_/g, '_').replace(/\\\\/g, '\\').replace(/\\(?=")/g, '') // 移除转义的双引号
+        .trim();
+    };
+    /**
+   * 安全地获取字段值，如果字段名不匹配，也尝试规范化后的字段名
+   */ var getFieldValueSafely = function(row, field) {
+        if (!field) return undefined;
+        // 先尝试直接访问
+        if (row[field] !== undefined) {
+            return row[field];
+        }
+        // 如果直接访问失败，尝试规范化后的字段名
+        var normalizedField = normalizeFieldName(field);
+        if (normalizedField !== field && row[normalizedField] !== undefined) {
+            return row[normalizedField];
+        }
+        // 也尝试反向：如果字段名已经是规范化的，尝试带转义字符的版本
+        var escapedField = field.replace(/_/g, '\\_');
+        if (escapedField !== field && row[escapedField] !== undefined) {
+            return row[escapedField];
+        }
+        return undefined;
+    };
     var getFieldValue = function(row, field) {
-        if (field && isNotEmpty(row[field])) {
-            return String(row[field]);
+        var value = getFieldValueSafely(row, field);
+        if (field && isNotEmpty(value)) {
+            return String(value);
         }
         return undefined;
     };
@@ -703,8 +750,8 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
         var _getAxisTitles = getAxisTitles(), xTitle = _getAxisTitles.xTitle, yTitle = _getAxisTitles.yTitle;
         var xIndexer = buildXIndexer();
         return (chartData || []).map(function(row, i) {
-            var rawX = row === null || row === void 0 ? void 0 : row[config === null || config === void 0 ? void 0 : config.x];
-            var rawY = row === null || row === void 0 ? void 0 : row[config === null || config === void 0 ? void 0 : config.y];
+            var rawX = getFieldValueSafely(row, config === null || config === void 0 ? void 0 : config.x);
+            var rawY = getFieldValueSafely(row, config === null || config === void 0 ? void 0 : config.y);
             var category = getFieldValue(row, groupBy);
             var type = getFieldValue(row, colorLegend);
             var filterLabel = getFieldValue(row, filterBy);
@@ -742,9 +789,9 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
     var convertDonutData = useMemo(function() {
         return (chartData || []).map(function(row) {
             var category = getFieldValue(row, groupBy);
-            var _row_config_x;
-            var label = String((_row_config_x = row === null || row === void 0 ? void 0 : row[config === null || config === void 0 ? void 0 : config.x]) !== null && _row_config_x !== void 0 ? _row_config_x : '');
-            var value = toNumber(row === null || row === void 0 ? void 0 : row[config === null || config === void 0 ? void 0 : config.y], 0);
+            var _getFieldValueSafely;
+            var label = String((_getFieldValueSafely = getFieldValueSafely(row, config === null || config === void 0 ? void 0 : config.x)) !== null && _getFieldValueSafely !== void 0 ? _getFieldValueSafely : '');
+            var value = toNumber(getFieldValueSafely(row, config === null || config === void 0 ? void 0 : config.y), 0);
             var filterLabel = getFieldValue(row, filterBy);
             return _object_spread({
                 label: label,
@@ -806,7 +853,7 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
     ]);
     /**
    * 图表配置
-   */ var getChartPopover = function() {
+   */ var toolBar = useMemo(function() {
         var _ChartMap_chartType_changeData, _ChartMap_chartType, _ChartMap_chartType1, _i18n_locale, _i18n_locale1, _i18n_locale2, _config_columns_filter, _config_columns, _config_columns_filter1, _config_columns1, _i18n_locale3;
         return [
             /*#__PURE__*/ React.createElement(Dropdown, {
@@ -842,7 +889,7 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
                 }
             }))),
             isChartList ? /*#__PURE__*/ React.createElement(Dropdown, {
-                key: "dropdown",
+                key: "dropdown-column",
                 menu: {
                     items: new Array(4).fill(0).map(function(_, i) {
                         return {
@@ -956,8 +1003,16 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
         ].filter(function(item) {
             return !!item;
         });
-    };
-    var toolBar = getChartPopover();
+    }, [
+        chartType,
+        ChartMap,
+        i18n === null || i18n === void 0 ? void 0 : i18n.locale,
+        isChartList,
+        columnLength,
+        onColumnLengthChange,
+        config,
+        props.config
+    ]);
     var chartDom = useMemo(function() {
         var _window;
         if (typeof window === 'undefined') return null;
@@ -1027,6 +1082,7 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
                     height: (config === null || config === void 0 ? void 0 : config.height) || 240
                 })
             }, /*#__PURE__*/ React.createElement(ChartRuntimeRenderer, {
+                loading: loading,
                 chartType: chartType,
                 convertDonutData: convertDonutData,
                 convertFlatData: convertFlatData,
@@ -1056,7 +1112,6 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
         config === null || config === void 0 ? void 0 : config.y,
         config === null || config === void 0 ? void 0 : config.height,
         config === null || config === void 0 ? void 0 : config.index,
-        renderKey,
         toolBar,
         convertDonutData,
         convertFlatData,
@@ -1067,7 +1122,13 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
         colorLegend,
         isIntersecting,
         shouldLoadRuntime,
-        renderDescriptionsFallback
+        renderDescriptionsFallback,
+        chartData,
+        config === null || config === void 0 ? void 0 : config.columns,
+        config === null || config === void 0 ? void 0 : (_config_rest3 = config.rest) === null || _config_rest3 === void 0 ? void 0 : _config_rest3.stacked,
+        config === null || config === void 0 ? void 0 : (_config_rest4 = config.rest) === null || _config_rest4 === void 0 ? void 0 : _config_rest4.showLegend,
+        config === null || config === void 0 ? void 0 : (_config_rest5 = config.rest) === null || _config_rest5 === void 0 ? void 0 : _config_rest5.showGrid,
+        loading
     ]);
     return /*#__PURE__*/ React.createElement("div", {
         ref: containerRef,

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

@@ -185,7 +185,7 @@ import { useStyle } from "./style";
  *
  * @since 1.0.0
  */ var DonutChart = function(_param) {
-    var data = _param.data, configs = _param.configs, _param_width = _param.width, width = _param_width === void 0 ? 200 : _param_width, _param_height = _param.height, height = _param_height === void 0 ? 200 : _param_height, className = _param.className, title = _param.title, _param_showToolbar = _param.showToolbar, showToolbar = _param_showToolbar === void 0 ? true : _param_showToolbar, onDownload = _param.onDownload, dataTime = _param.dataTime, filterList = _param.filterList, selectedFilter = _param.selectedFilter, onFilterChange = _param.onFilterChange, _param_enableAutoCategory = _param.enableAutoCategory, enableAutoCategory = _param_enableAutoCategory === void 0 ? true : _param_enableAutoCategory, _param_singleMode = _param.singleMode, singleMode = _param_singleMode === void 0 ? false : _param_singleMode, toolbarExtra = _param.toolbarExtra, _param_renderFilterInToolbar = _param.renderFilterInToolbar, renderFilterInToolbar = _param_renderFilterInToolbar === void 0 ? false : _param_renderFilterInToolbar, statisticConfig = _param.statistic, props = _object_without_properties(_param, [
+    var data = _param.data, configs = _param.configs, _param_width = _param.width, width = _param_width === void 0 ? 200 : _param_width, _param_height = _param.height, height = _param_height === void 0 ? 200 : _param_height, className = _param.className, title = _param.title, _param_showToolbar = _param.showToolbar, showToolbar = _param_showToolbar === void 0 ? true : _param_showToolbar, onDownload = _param.onDownload, dataTime = _param.dataTime, filterList = _param.filterList, selectedFilter = _param.selectedFilter, onFilterChange = _param.onFilterChange, _param_enableAutoCategory = _param.enableAutoCategory, enableAutoCategory = _param_enableAutoCategory === void 0 ? true : _param_enableAutoCategory, _param_singleMode = _param.singleMode, singleMode = _param_singleMode === void 0 ? false : _param_singleMode, toolbarExtra = _param.toolbarExtra, _param_renderFilterInToolbar = _param.renderFilterInToolbar, renderFilterInToolbar = _param_renderFilterInToolbar === void 0 ? false : _param_renderFilterInToolbar, statisticConfig = _param.statistic, _param_loading = _param.loading, loading = _param_loading === void 0 ? false : _param_loading, props = _object_without_properties(_param, [
         "data",
         "configs",
         "width",
@@ -202,7 +202,8 @@ import { useStyle } from "./style";
         "singleMode",
         "toolbarExtra",
         "renderFilterInToolbar",
-        "statistic"
+        "statistic",
+        "loading"
     ]);
     var _finalConfigs_;
     useMemo(function() {
@@ -382,6 +383,7 @@ import { useStyle } from "./style";
         onDownload: handleDownload,
         extra: toolbarExtra,
         dataTime: dataTime,
+        loading: loading,
         filter: renderFilterInToolbar && shouldShowFilter ? /*#__PURE__*/ React.createElement(ChartFilter, _object_spread_props(_object_spread({
             filterOptions: finalFilterList.map(function(item) {
                 return {

package/dist/Plugins/chart/DonutChart/types.d.ts

@@ -46,4 +46,6 @@ export interface DonutChartProps extends ChartContainerProps {
     renderFilterInToolbar?: boolean;
     /** ChartStatistic组件配置：object表示单个配置，array表示多个配置 */
     statistic?: StatisticConfigType;
+    /** 是否显示加载状态（当图表未闭合时显示） */
+    loading?: boolean;
 }

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

@@ -53,6 +53,8 @@ export interface FunnelChartProps extends ChartContainerProps {
         /** 类型名称，用于图例和数据集标签 */
         name: string;
     };
+    /** 是否显示加载状态（当图表未闭合时显示） */
+    loading?: boolean;
 }
 declare const FunnelChart: React.FC<FunnelChartProps>;
 export default FunnelChart;

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

@@ -147,7 +147,7 @@ import { findDataPointByXValue, isXValueEqual, toNumber } from "../utils";
 import { useStyle } from "./style";
 var funnelChartComponentsRegistered = false;
 var FunnelChart = function(_param) {
-    var title = _param.title, data = _param.data, color = _param.color, _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, dataTime = _param.dataTime, _param_theme = _param.theme, theme = _param_theme === void 0 ? 'light' : _param_theme, _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_showPercent = _param.showPercent, showPercent = _param_showPercent === void 0 ? true : _param_showPercent, toolbarExtra = _param.toolbarExtra, _param_renderFilterInToolbar = _param.renderFilterInToolbar, renderFilterInToolbar = _param_renderFilterInToolbar === void 0 ? false : _param_renderFilterInToolbar, _param_bottomLayerMinWidth = _param.bottomLayerMinWidth, bottomLayerMinWidth = _param_bottomLayerMinWidth === void 0 ? 0 : _param_bottomLayerMinWidth, typeNames = _param.typeNames, statisticConfig = _param.statistic, props = _object_without_properties(_param, [
+    var title = _param.title, data = _param.data, color = _param.color, _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, dataTime = _param.dataTime, _param_theme = _param.theme, theme = _param_theme === void 0 ? 'light' : _param_theme, _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_showPercent = _param.showPercent, showPercent = _param_showPercent === void 0 ? true : _param_showPercent, toolbarExtra = _param.toolbarExtra, _param_renderFilterInToolbar = _param.renderFilterInToolbar, renderFilterInToolbar = _param_renderFilterInToolbar === void 0 ? false : _param_renderFilterInToolbar, _param_bottomLayerMinWidth = _param.bottomLayerMinWidth, bottomLayerMinWidth = _param_bottomLayerMinWidth === void 0 ? 0 : _param_bottomLayerMinWidth, typeNames = _param.typeNames, statisticConfig = _param.statistic, _param_loading = _param.loading, loading = _param_loading === void 0 ? false : _param_loading, props = _object_without_properties(_param, [
         "title",
         "data",
         "color",
@@ -164,7 +164,8 @@ var FunnelChart = function(_param) {
         "renderFilterInToolbar",
         "bottomLayerMinWidth",
         "typeNames",
-        "statistic"
+        "statistic",
+        "loading"
     ]);
     useMemo(function() {
         if (funnelChartComponentsRegistered) {
@@ -823,6 +824,7 @@ var FunnelChart = function(_param) {
         onDownload: handleDownload,
         dataTime: dataTime,
         extra: toolbarExtra,
+        loading: loading,
         filter: renderFilterInToolbar && filterOptions && filterOptions.length > 1 ? /*#__PURE__*/ React.createElement(ChartFilter, _object_spread_props(_object_spread({
             filterOptions: filterOptions,
             selectedFilter: selectedFilter,

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

@@ -61,6 +61,8 @@ export interface LineChartProps extends ChartContainerProps {
     renderFilterInToolbar?: boolean;
     /** ChartStatistic组件配置：object表示单个配置，array表示多个配置 */
     statistic?: StatisticConfigType;
+    /** 是否显示加载状态（当图表未闭合时显示） */
+    loading?: boolean;
 }
 declare const LineChart: React.FC<LineChartProps>;
 export default LineChart;