@ant-design/agentic-ui 2.16.0 → 2.16.1

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

@@ -42,6 +42,8 @@ export interface ChartToolBarProps {
     extra?: React.ReactNode;
     /** 过滤器内容 */
     filter?: React.ReactNode;
+    /** 是否显示加载状态（当图表未闭合时显示） */
+    loading?: boolean;
 }
 /**
  * 图表工具栏组件

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

@@ -2,6 +2,7 @@ import { DownloadOutlined } from "@ant-design/icons";
 import { ConfigProvider, Tooltip } from "antd";
 import classNames from "classnames";
 import React, { useContext } from "react";
+import { Loading } from "../../../../Components/Loading";
 import { I18nContext } from "../../../../I18n";
 import TimeIcon from "../icons/TimeIcon";
 import { useStyle } from "./style";
@@ -28,7 +29,7 @@ import { useStyle } from "./style";
  *
  * @since 1.0.0
  */ var ChartToolBar = function(param) {
-    var title = param.title, dataTime = param.dataTime, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_theme = param.theme, theme = _param_theme === void 0 ? 'light' : _param_theme, onDownload = param.onDownload, extra = param.extra, filter = param.filter;
+    var title = param.title, dataTime = param.dataTime, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_theme = param.theme, theme = _param_theme === void 0 ? 'light' : _param_theme, onDownload = param.onDownload, extra = param.extra, filter = param.filter, _param_loading = param.loading, loading = _param_loading === void 0 ? false : _param_loading;
     var _i18n_locale, _i18n_locale1;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var i18n = useContext(I18nContext);
@@ -46,7 +47,13 @@ import { useStyle } from "./style";
         className: classNames(prefixCls, "".concat(prefixCls, "-").concat(theme), hashId, className)
     }, /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefixCls, "-header-title"), hashId)
-    }, title), /*#__PURE__*/ React.createElement("div", {
+    }, title, loading && /*#__PURE__*/ React.createElement(Loading, {
+        style: {
+            fontSize: '14px',
+            marginLeft: '8px',
+            flexShrink: 0
+        }
+    })), /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefixCls, "-header-actions"), hashId)
     }, dataTime ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(TimeIcon, {
         className: classNames("".concat(prefixCls, "-time-icon"), hashId)

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

@@ -71,7 +71,9 @@ var genStyle = function(token) {
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap',
         marginRight: '16px',
-        minWidth: 0
+        minWidth: 0,
+        display: 'flex',
+        alignItems: 'center'
     }), _define_property(_obj3, "".concat(token.componentCls, "-header-actions"), (_obj = {
         display: 'flex',
         alignItems: 'center',

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

@@ -0,0 +1,10 @@
+/**
+ * @fileoverview 图表插件 Hooks 统一导出文件
+ * 提供图表组件相关的 React Hooks
+ * @author Chart Plugin Team
+ */
+export type { ChartStatisticConfig, StatisticConfigType } from './useChartStatistic';
+export { useChartDataFilter } from './useChartDataFilter';
+export { useChartStatistics } from './useChartStatistics';
+export { useChartTheme } from './useChartTheme';
+export { useResponsiveSize } from './useResponsiveSize';

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

@@ -0,0 +1,8 @@
+/**
+ * @fileoverview 图表插件 Hooks 统一导出文件
+ * 提供图表组件相关的 React Hooks
+ * @author Chart Plugin Team
+ */ export { useChartDataFilter } from "./useChartDataFilter";
+export { useChartStatistics } from "./useChartStatistics";
+export { useChartTheme } from "./useChartTheme";
+export { useResponsiveSize } from "./useResponsiveSize";

package/dist/Plugins/chart/hooks/useChartDataFilter.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import { ChartDataItem } from '../utils';
+/**
+ * 图表数据筛选 Hook
+ *
+ * 用于管理图表数据的筛选逻辑，包括分类筛选和 filterLabel 筛选。
+ * 自动处理数据变化时的筛选状态重置。
+ *
+ * @param {ChartDataItem[]} data - 原始数据数组
+ * @returns {object} 包含筛选后的数据、筛选选项和筛选状态的对象
+ *
+ * @example
+ * ```typescript
+ * const {
+ *   filteredData,
+ *   categories,
+ *   filterOptions,
+ *   filterLabels,
+ *   selectedFilter,
+ *   setSelectedFilter,
+ *   selectedFilterLabel,
+ *   setSelectedFilterLabel,
+ *   filteredDataByFilterLabel,
+ * } = useChartDataFilter(data);
+ * ```
+ *
+ * @since 1.0.0
+ */
+export declare const useChartDataFilter: (data: ChartDataItem[]) => {
+    filteredData: ChartDataItem[];
+    categories: (string | undefined)[];
+    filterOptions: {
+        label: string;
+        value: string;
+    }[];
+    filterLabels: string[] | undefined;
+    selectedFilter: string;
+    setSelectedFilter: import("react").Dispatch<import("react").SetStateAction<string>>;
+    selectedFilterLabel: string | undefined;
+    setSelectedFilterLabel: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    filteredDataByFilterLabel: {
+        key: string;
+        label: string;
+    }[] | undefined;
+    safeData: ChartDataItem[];
+};

package/dist/Plugins/chart/hooks/useChartDataFilter.js

@@ -0,0 +1,182 @@
+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 _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+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 _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread 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 _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+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, useMemo, useState } from "react";
+import { getDataHash } from "../utils";
+/**
+ * 图表数据筛选 Hook
+ *
+ * 用于管理图表数据的筛选逻辑，包括分类筛选和 filterLabel 筛选。
+ * 自动处理数据变化时的筛选状态重置。
+ *
+ * @param {ChartDataItem[]} data - 原始数据数组
+ * @returns {object} 包含筛选后的数据、筛选选项和筛选状态的对象
+ *
+ * @example
+ * ```typescript
+ * const {
+ *   filteredData,
+ *   categories,
+ *   filterOptions,
+ *   filterLabels,
+ *   selectedFilter,
+ *   setSelectedFilter,
+ *   selectedFilterLabel,
+ *   setSelectedFilterLabel,
+ *   filteredDataByFilterLabel,
+ * } = useChartDataFilter(data);
+ * ```
+ *
+ * @since 1.0.0
+ */ export var useChartDataFilter = function(data) {
+    var safeData = Array.isArray(data) ? data : [];
+    // 使用数据哈希来优化依赖项比较
+    var dataHash = useMemo(function() {
+        return getDataHash(safeData);
+    }, [
+        safeData
+    ]);
+    // 从数据中提取唯一的类别作为筛选选项
+    var categories = useMemo(function() {
+        var uniqueCategories = _to_consumable_array(new Set(safeData.map(function(item) {
+            return item.category;
+        }))).filter(Boolean);
+        return uniqueCategories;
+    }, [
+        dataHash
+    ]);
+    // 从数据中提取 filterLabel，过滤掉 undefined 值
+    var validFilterLabels = useMemo(function() {
+        return safeData.map(function(item) {
+            return item.filterLabel;
+        }).filter(function(filterLabel) {
+            return filterLabel !== undefined;
+        });
+    }, [
+        dataHash
+    ]);
+    var filterLabels = useMemo(function() {
+        return validFilterLabels.length > 0 ? _to_consumable_array(new Set(validFilterLabels)) : undefined;
+    }, [
+        validFilterLabels
+    ]);
+    // 状态管理
+    var _useState = _sliced_to_array(useState(categories.find(Boolean) || ''), 2), selectedFilter = _useState[0], setSelectedFilter = _useState[1];
+    var _useState1 = _sliced_to_array(useState(filterLabels && filterLabels.length > 0 ? filterLabels[0] : undefined), 2), selectedFilterLabel = _useState1[0], setSelectedFilterLabel = _useState1[1];
+    // 当数据变化导致当前选中分类失效时，自动回退到首个有效分类或空（显示全部）
+    useEffect(function() {
+        if (selectedFilter && !categories.includes(selectedFilter)) {
+            setSelectedFilter(categories.find(Boolean) || '');
+        }
+    }, [
+        categories,
+        selectedFilter
+    ]);
+    // 筛选数据
+    var filteredData = useMemo(function() {
+        var base = selectedFilter ? safeData.filter(function(item) {
+            return item.category === selectedFilter;
+        }) : safeData;
+        var withFilterLabel = !filterLabels || !selectedFilterLabel ? base : base.filter(function(item) {
+            return item.filterLabel === selectedFilterLabel;
+        });
+        // 统一过滤掉 x 为空（null/undefined）的数据，避免后续 toString 报错
+        return withFilterLabel.filter(function(item) {
+            return item.x !== null && item.x !== undefined;
+        });
+    }, [
+        dataHash,
+        selectedFilter,
+        filterLabels,
+        selectedFilterLabel
+    ]);
+    // 筛选器选项
+    var filterOptions = useMemo(function() {
+        return categories.map(function(category) {
+            return {
+                label: category || '默认',
+                value: category || '默认'
+            };
+        });
+    }, [
+        categories
+    ]);
+    // 根据 filterLabel 筛选数据 - 只有当 filterLabels 存在时才生成
+    var filteredDataByFilterLabel = useMemo(function() {
+        return filterLabels === null || filterLabels === void 0 ? void 0 : filterLabels.map(function(item) {
+            return {
+                key: item,
+                label: item
+            };
+        });
+    }, [
+        filterLabels
+    ]);
+    return {
+        filteredData: filteredData,
+        categories: categories,
+        filterOptions: filterOptions,
+        filterLabels: filterLabels,
+        selectedFilter: selectedFilter,
+        setSelectedFilter: setSelectedFilter,
+        selectedFilterLabel: selectedFilterLabel,
+        setSelectedFilterLabel: setSelectedFilterLabel,
+        filteredDataByFilterLabel: filteredDataByFilterLabel,
+        safeData: safeData
+    };
+};

package/dist/Plugins/chart/hooks/useChartStatistics.d.ts

@@ -0,0 +1,17 @@
+import { StatisticConfigType } from './useChartStatistic';
+/**
+ * 图表统计信息 Hook
+ *
+ * 用于处理 ChartStatistic 组件的配置，支持单个配置对象或配置数组。
+ *
+ * @param {StatisticConfigType} statisticConfig - 统计配置，可以是单个配置对象或配置数组
+ * @returns {ChartStatisticConfig[] | null} 处理后的统计配置数组，如果未提供配置则返回 null
+ *
+ * @example
+ * ```typescript
+ * const statistics = useChartStatistics(statisticConfig);
+ * ```
+ *
+ * @since 1.0.0
+ */
+export declare const useChartStatistics: (statisticConfig?: StatisticConfigType) => import("./useChartStatistic").ChartStatisticConfig[] | null;

package/dist/Plugins/chart/hooks/useChartStatistics.js

@@ -0,0 +1,25 @@
+import { useMemo } from "react";
+/**
+ * 图表统计信息 Hook
+ *
+ * 用于处理 ChartStatistic 组件的配置，支持单个配置对象或配置数组。
+ *
+ * @param {StatisticConfigType} statisticConfig - 统计配置，可以是单个配置对象或配置数组
+ * @returns {ChartStatisticConfig[] | null} 处理后的统计配置数组，如果未提供配置则返回 null
+ *
+ * @example
+ * ```typescript
+ * const statistics = useChartStatistics(statisticConfig);
+ * ```
+ *
+ * @since 1.0.0
+ */ export var useChartStatistics = function(statisticConfig) {
+    return useMemo(function() {
+        if (!statisticConfig) return null;
+        return Array.isArray(statisticConfig) ? statisticConfig : [
+            statisticConfig
+        ];
+    }, [
+        statisticConfig
+    ]);
+};

package/dist/Plugins/chart/hooks/useChartTheme.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 图表主题 Hook
+ *
+ * 用于计算图表在不同主题下的颜色配置，包括坐标轴文字颜色和网格颜色。
+ *
+ * @param {'light' | 'dark'} theme - 图表主题
+ * @returns {object} 包含主题相关颜色的对象
+ *
+ * @example
+ * ```typescript
+ * const { axisTextColor, gridColor, isLight } = useChartTheme('light');
+ * ```
+ *
+ * @since 1.0.0
+ */
+export declare const useChartTheme: (theme?: 'light' | 'dark') => {
+    isLight: boolean;
+    axisTextColor: string;
+    gridColor: string;
+};

package/dist/Plugins/chart/hooks/useChartTheme.js

@@ -0,0 +1,30 @@
+import { useMemo } from "react";
+/**
+ * 图表主题 Hook
+ *
+ * 用于计算图表在不同主题下的颜色配置，包括坐标轴文字颜色和网格颜色。
+ *
+ * @param {'light' | 'dark'} theme - 图表主题
+ * @returns {object} 包含主题相关颜色的对象
+ *
+ * @example
+ * ```typescript
+ * const { axisTextColor, gridColor, isLight } = useChartTheme('light');
+ * ```
+ *
+ * @since 1.0.0
+ */ export var useChartTheme = function() {
+    var theme = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 'light';
+    return useMemo(function() {
+        var isLight = theme === '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)';
+        return {
+            isLight: isLight,
+            axisTextColor: axisTextColor,
+            gridColor: gridColor
+        };
+    }, [
+        theme
+    ]);
+};

package/dist/Plugins/chart/hooks/useResponsiveSize.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 响应式尺寸 Hook
+ *
+ * 用于计算图表的响应式宽度和高度，并监听窗口大小变化。
+ * 在移动端（宽度 <= 768px）时自动调整为全宽和自适应高度。
+ *
+ * @param {number | string} width - 图表宽度，默认600px
+ * @param {number | string} height - 图表高度，默认400px
+ * @returns {object} 包含响应式尺寸和移动端标识的对象
+ *
+ * @example
+ * ```typescript
+ * const { responsiveWidth, responsiveHeight, isMobile } = useResponsiveSize(800, 400);
+ * ```
+ *
+ * @since 1.0.0
+ */
+export declare const useResponsiveSize: (width?: number | string, height?: number | string) => {
+    responsiveWidth: string | number;
+    responsiveHeight: string | number;
+    isMobile: boolean;
+    windowWidth: number;
+};

package/dist/Plugins/chart/hooks/useResponsiveSize.js

@@ -0,0 +1,94 @@
+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 _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, useMemo, useState } from "react";
+/**
+ * 响应式尺寸 Hook
+ *
+ * 用于计算图表的响应式宽度和高度，并监听窗口大小变化。
+ * 在移动端（宽度 <= 768px）时自动调整为全宽和自适应高度。
+ *
+ * @param {number | string} width - 图表宽度，默认600px
+ * @param {number | string} height - 图表高度，默认400px
+ * @returns {object} 包含响应式尺寸和移动端标识的对象
+ *
+ * @example
+ * ```typescript
+ * const { responsiveWidth, responsiveHeight, isMobile } = useResponsiveSize(800, 400);
+ * ```
+ *
+ * @since 1.0.0
+ */ export var useResponsiveSize = function() {
+    var width = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 600, height = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 400;
+    var _useState = _sliced_to_array(useState(typeof window !== 'undefined' ? window.innerWidth : 768), 2), windowWidth = _useState[0], setWindowWidth = _useState[1];
+    var isMobile = windowWidth <= 768;
+    var responsiveWidth = isMobile ? '100%' : width;
+    var responsiveHeight = isMobile ? Math.min(windowWidth * 0.8, 400) : height;
+    useEffect(function() {
+        var handleResize = function() {
+            setWindowWidth(window.innerWidth);
+        };
+        if (typeof window !== 'undefined') {
+            window.addEventListener('resize', handleResize);
+            return function() {
+                return window.removeEventListener('resize', handleResize);
+            };
+        }
+    }, []);
+    return useMemo(function() {
+        return {
+            responsiveWidth: responsiveWidth,
+            responsiveHeight: responsiveHeight,
+            isMobile: isMobile,
+            windowWidth: windowWidth
+        };
+    }, [
+        responsiveWidth,
+        responsiveHeight,
+        isMobile,
+        windowWidth
+    ]);
+};

package/dist/Plugins/chart/index.js

@@ -129,6 +129,7 @@ import { useSlate } from "slate-react";
 import { ErrorBoundary } from "../../MarkdownEditor/editor/elements/ErrorBoundary";
 import { useEditorStore } from "../../MarkdownEditor/editor/store";
 import { DragHandle } from "../../MarkdownEditor/editor/tools/DragHandle";
+import { useMEditor } from "../../MarkdownEditor/hooks/editor";
 import { ChartRender } from "./ChartRender";
 import { getDataHash } from "./utils";
 /**
@@ -270,7 +271,7 @@ export { ChartFilter, ChartToolBar, downloadChart } from "./components";
  * - 集成编辑器状态管理
  * - 提供响应式布局
  */ export var ChartElement = function(props) {
-    var _node_otherProps, _node_otherProps1, _node_otherProps2, _node_otherProps3, _node_otherProps4, _node_otherProps_columns, _node_otherProps5;
+    var _node_otherProps, _node_otherProps1, _node_otherProps2, _node_otherProps3, _node_otherProps4, _node_otherProps5, _node_otherProps_columns, _node_otherProps6;
     var _useEditorStore = useEditorStore(), store = _useEditorStore.store, readonly = _useEditorStore.readonly, markdownContainerRef = _useEditorStore.markdownContainerRef, rootContainer = _useEditorStore.rootContainer;
     var editor = useSlate();
     var node = props.element, attributes = props.attributes, children = props.children;
@@ -282,20 +283,101 @@ export { ChartFilter, ChartToolBar, downloadChart } from "./components";
         (_node_otherProps = node.otherProps) === null || _node_otherProps === void 0 ? void 0 : _node_otherProps.dataSource
     ]);
     var chartData = useMemo(function() {
-        var _node_otherProps_dataSource, _node_otherProps;
-        return ((_node_otherProps = node.otherProps) === null || _node_otherProps === void 0 ? void 0 : (_node_otherProps_dataSource = _node_otherProps.dataSource) === null || _node_otherProps_dataSource === void 0 ? void 0 : _node_otherProps_dataSource.map(function(item) {
+        var _node_otherProps;
+        var dataSource = ((_node_otherProps = node.otherProps) === null || _node_otherProps === void 0 ? void 0 : _node_otherProps.dataSource) || [];
+        if (dataSource.length === 0) {
+            return [];
+        }
+        // 获取第一行的 keys 作为参考
+        var firstRowKeys = Object.keys(dataSource[0]).sort();
+        // 处理数据并过滤掉最后一行（如果它的 keys 和第一行不同）
+        var processed = dataSource.map(function(item) {
             return _object_spread_props(_object_spread({}, item), {
                 column_list: Object.keys(item)
             });
-        })) || [];
+        });
+        // 检查最后一行是否完整
+        if (processed.length > 1) {
+            var lastRow = processed[processed.length - 1];
+            var lastRowKeys = Object.keys(lastRow).filter(function(key) {
+                return key !== 'column_list';
+            }).sort();
+            // 如果最后一行的 keys 和第一行不同，丢弃最后一行
+            if (lastRowKeys.length !== firstRowKeys.length || !lastRowKeys.every(function(key, index) {
+                return key === firstRowKeys[index];
+            })) {
+                return processed.slice(0, -1);
+            }
+        }
+        return processed;
     }, [
         dataSourceHash,
         (_node_otherProps1 = node.otherProps) === null || _node_otherProps1 === void 0 ? void 0 : _node_otherProps1.dataSource
     ]);
     var columns = ((_node_otherProps2 = node.otherProps) === null || _node_otherProps2 === void 0 ? void 0 : _node_otherProps2.columns) || [];
+    // 检查图表是否未闭合
+    var isUnclosed = (node === null || node === void 0 ? void 0 : (_node_otherProps3 = node.otherProps) === null || _node_otherProps3 === void 0 ? void 0 : _node_otherProps3.finish) === false;
+    // 获取编辑器更新函数
+    var _useMEditor = _sliced_to_array(useMEditor(node), 2), update = _useMEditor[1];
+    // 判断是否是最后一个节点
+    var isLastNode = useMemo(function() {
+        try {
+            return store.isLatestNode(node);
+        } catch (e) {
+            return false;
+        }
+    }, [
+        store,
+        node
+    ]);
+    // 如果不是最后一个节点，且未闭合，立即设置为完成
+    useEffect(function() {
+        if (isUnclosed && !readonly && !isLastNode) {
+            var _node_otherProps;
+            // 检查 finish 是否仍然是 false（可能已经被其他逻辑更新）
+            if ((node === null || node === void 0 ? void 0 : (_node_otherProps = node.otherProps) === null || _node_otherProps === void 0 ? void 0 : _node_otherProps.finish) === false) {
+                update({
+                    otherProps: _object_spread_props(_object_spread({}, node === null || node === void 0 ? void 0 : node.otherProps), {
+                        finish: true
+                    })
+                }, node);
+            }
+        }
+    }, [
+        isUnclosed,
+        readonly,
+        isLastNode,
+        node,
+        update
+    ]);
+    // 5 秒超时机制：如果是最后一个节点且未闭合，5 秒后自动设置为完成
+    useEffect(function() {
+        if (isUnclosed && !readonly && isLastNode) {
+            var timer = setTimeout(function() {
+                var _node_otherProps;
+                // 检查 finish 是否仍然是 false（可能已经被其他逻辑更新）
+                if ((node === null || node === void 0 ? void 0 : (_node_otherProps = node.otherProps) === null || _node_otherProps === void 0 ? void 0 : _node_otherProps.finish) === false) {
+                    update({
+                        otherProps: _object_spread_props(_object_spread({}, node === null || node === void 0 ? void 0 : node.otherProps), {
+                            finish: true
+                        })
+                    }, node);
+                }
+            }, 5000); // 5 秒超时
+            return function() {
+                clearTimeout(timer);
+            };
+        }
+    }, [
+        isUnclosed,
+        readonly,
+        isLastNode,
+        node,
+        update
+    ]);
     var _React_useState = _sliced_to_array(React.useState(2), 2), columnLength = _React_useState[0], setColumnLength = _React_useState[1];
     var config = [
-        ((_node_otherProps3 = node.otherProps) === null || _node_otherProps3 === void 0 ? void 0 : _node_otherProps3.config) || node.otherProps
+        ((_node_otherProps4 = node.otherProps) === null || _node_otherProps4 === void 0 ? void 0 : _node_otherProps4.config) || node.otherProps
     ].flat(1);
     var htmlRef = React.useRef(null);
     var _React_useState1 = _sliced_to_array(React.useState(256), 2), minWidth = _React_useState1[0], setMinWidth = _React_useState1[1];
@@ -426,7 +508,8 @@ export { ChartFilter, ChartToolBar, downloadChart } from "./components";
                         dataTime: rest === null || rest === void 0 ? void 0 : rest.dataTime,
                         groupBy: rest === null || rest === void 0 ? void 0 : rest.groupBy,
                         filterBy: rest === null || rest === void 0 ? void 0 : rest.filterBy,
-                        colorLegend: rest === null || rest === void 0 ? void 0 : rest.colorLegend
+                        colorLegend: rest === null || rest === void 0 ? void 0 : rest.colorLegend,
+                        loading: isUnclosed
                     });
                     return dom;
                 });
@@ -440,6 +523,7 @@ export { ChartFilter, ChartToolBar, downloadChart } from "./components";
                 title: rest === null || rest === void 0 ? void 0 : rest.title,
                 dataTime: rest === null || rest === void 0 ? void 0 : rest.dataTime,
                 groupBy: rest === null || rest === void 0 ? void 0 : rest.groupBy,
+                loading: isUnclosed,
                 filterBy: rest === null || rest === void 0 ? void 0 : rest.filterBy,
                 colorLegend: rest === null || rest === void 0 ? void 0 : rest.colorLegend,
                 config: {
@@ -489,8 +573,8 @@ export { ChartFilter, ChartToolBar, downloadChart } from "./components";
         attributes,
         // 使用更高效的依赖项比较
         dataSourceHash,
-        (_node_otherProps4 = node.otherProps) === null || _node_otherProps4 === void 0 ? void 0 : _node_otherProps4.config,
-        (_node_otherProps5 = node.otherProps) === null || _node_otherProps5 === void 0 ? void 0 : (_node_otherProps_columns = _node_otherProps5.columns) === null || _node_otherProps_columns === void 0 ? void 0 : _node_otherProps_columns.length,
+        (_node_otherProps5 = node.otherProps) === null || _node_otherProps5 === void 0 ? void 0 : _node_otherProps5.config,
+        (_node_otherProps6 = node.otherProps) === null || _node_otherProps6 === void 0 ? void 0 : (_node_otherProps_columns = _node_otherProps6.columns) === null || _node_otherProps_columns === void 0 ? void 0 : _node_otherProps_columns.length,
         editor,
         columnLength,
         readonly,