@ant-design/agentic-ui 2.14.1 → 2.16.1

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];
@@ -316,7 +398,7 @@ export { ChartFilter, ChartToolBar, downloadChart } from "./components";
     ]);
     return useMemo(function() {
         return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({
-            className: 'ant-agentic-md-editor-drag-el'
+            "data-drag-el": true
         }, attributes), {
             "data-be": 'chart',
             style: {
@@ -332,7 +414,7 @@ export { ChartFilter, ChartToolBar, downloadChart } from "./components";
                 return store.dragStart(e, markdownContainerRef.current);
             }
         }), /*#__PURE__*/ React.createElement(DragHandle, null), /*#__PURE__*/ React.createElement("div", {
-            className: "ant-agentic-md-editor-chart-box",
+            "data-chart-box": true,
             style: {
                 display: 'flex',
                 flexDirection: 'column',
@@ -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,

package/dist/Plugins/chart/utils/registerChart.d.ts

@@ -0,0 +1,35 @@
+/**
+ * 注册 Chart.js 基础组件
+ *
+ * 用于注册图表所需的基础 Chart.js 组件，包括坐标轴、图例、工具提示等。
+ * 使用单例模式确保只注册一次。
+ *
+ * @param {string[]} components - 要注册的组件名称数组
+ * @param {Function} registerFn - 注册函数，接收 ChartJS 作为参数
+ *
+ * @example
+ * ```typescript
+ * registerChartComponents('line-chart', () => {
+ *   ChartJS.register(
+ *     CategoryScale,
+ *     LinearScale,
+ *     PointElement,
+ *     LineElement,
+ *     Filler,
+ *     Tooltip,
+ *     Legend,
+ *   );
+ * });
+ * ```
+ *
+ * @since 1.0.0
+ */
+export declare const registerChartComponents: (componentName: string, registerFn: () => void) => void;
+/**
+ * 注册折线图/面积图所需的组件
+ */
+export declare const registerLineChartComponents: () => void;
+/**
+ * 注册柱状图所需的组件
+ */
+export declare const registerBarChartComponents: () => void;

package/dist/Plugins/chart/utils/registerChart.js

@@ -0,0 +1,54 @@
+import { BarElement, CategoryScale, Chart as ChartJS, Filler, Legend, LinearScale, LineElement, PointElement, Tooltip } from "chart.js";
+/**
+ * Chart.js 组件注册状态映射
+ * 用于跟踪哪些 Chart.js 组件已经被注册，避免重复注册
+ */ var registeredComponents = new Set();
+/**
+ * 注册 Chart.js 基础组件
+ *
+ * 用于注册图表所需的基础 Chart.js 组件，包括坐标轴、图例、工具提示等。
+ * 使用单例模式确保只注册一次。
+ *
+ * @param {string[]} components - 要注册的组件名称数组
+ * @param {Function} registerFn - 注册函数，接收 ChartJS 作为参数
+ *
+ * @example
+ * ```typescript
+ * registerChartComponents('line-chart', () => {
+ *   ChartJS.register(
+ *     CategoryScale,
+ *     LinearScale,
+ *     PointElement,
+ *     LineElement,
+ *     Filler,
+ *     Tooltip,
+ *     Legend,
+ *   );
+ * });
+ * ```
+ *
+ * @since 1.0.0
+ */ export var registerChartComponents = function(componentName, registerFn) {
+    if (registeredComponents.has(componentName)) {
+        return;
+    }
+    if (typeof window === 'undefined') {
+        return;
+    }
+    registerFn();
+    registeredComponents.add(componentName);
+};
+/**
+ * 注册折线图/面积图所需的组件
+ */ export var registerLineChartComponents = function() {
+    registerChartComponents('line-chart', function() {
+        ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Filler, Tooltip, Legend);
+    });
+};
+/**
+ * 注册柱状图所需的组件
+ */ export var registerBarChartComponents = function() {
+    registerChartComponents('bar-chart', function() {
+        ChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip, Legend);
+    });
+};

package/dist/Plugins/chart/utils.d.ts

@@ -286,3 +286,22 @@ export declare const getDataHash: (data: any[]) => string;
  * @since 1.0.0
  */
 export declare const isConfigEqual: (config1: any, config2: any) => boolean;
+/**
+ * 将十六进制颜色转换为带透明度的 RGBA 字符串
+ *
+ * 支持3位和6位十六进制颜色格式，并添加透明度。
+ *
+ * @param {string} hex - 十六进制颜色值（如 '#ff0000' 或 '#f00'）
+ * @param {number} alpha - 透明度值（0-1之间）
+ * @returns {string} RGBA 颜色字符串
+ *
+ * @example
+ * ```typescript
+ * hexToRgba('#ff0000', 0.5); // 'rgba(255, 0, 0, 0.5)'
+ * hexToRgba('#f00', 0.8); // 'rgba(255, 0, 0, 0.8)'
+ * ```
+ *
+ * @since 1.0.0
+ */
+export declare const hexToRgba: (hex: string, alpha: number) => string;
+export { registerChartComponents, registerLineChartComponents, registerBarChartComponents, } from './utils/registerChart';

package/dist/Plugins/chart/utils.js

@@ -436,3 +436,30 @@ var intl = new Intl.NumberFormat('en-US', {
     }
     return true;
 };
+/**
+ * 将十六进制颜色转换为带透明度的 RGBA 字符串
+ *
+ * 支持3位和6位十六进制颜色格式，并添加透明度。
+ *
+ * @param {string} hex - 十六进制颜色值（如 '#ff0000' 或 '#f00'）
+ * @param {number} alpha - 透明度值（0-1之间）
+ * @returns {string} RGBA 颜色字符串
+ *
+ * @example
+ * ```typescript
+ * hexToRgba('#ff0000', 0.5); // 'rgba(255, 0, 0, 0.5)'
+ * hexToRgba('#f00', 0.8); // 'rgba(255, 0, 0, 0.8)'
+ * ```
+ *
+ * @since 1.0.0
+ */ export var hexToRgba = function(hex, alpha) {
+    var sanitized = hex.replace('#', '');
+    var isShort = sanitized.length === 3;
+    var r = parseInt(isShort ? sanitized[0] + sanitized[0] : sanitized.slice(0, 2), 16);
+    var g = parseInt(isShort ? sanitized[1] + sanitized[1] : sanitized.slice(2, 4), 16);
+    var b = parseInt(isShort ? sanitized[2] + sanitized[2] : sanitized.slice(4, 6), 16);
+    var a = Math.max(0, Math.min(1, alpha));
+    return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
+};
+// 导出 Chart.js 注册相关函数
+export { registerChartComponents, registerLineChartComponents, registerBarChartComponents } from "./utils/registerChart";

package/dist/Plugins/code/components/CodeContainer.js

@@ -41,8 +41,7 @@ export function CodeContainer(param) {
             height: hide ? 0 : 'auto',
             opacity: hide ? 0 : 1
         },
-        className: classNames('ace-container', 'code-editor-container', 'drag-el', {
-            frontmatter: safeElement.frontmatter
-        })
+        "data-frontmatter": safeElement.frontmatter ? '' : undefined,
+        className: classNames('ace-container', 'code-editor-container', 'drag-el')
     }, children));
 }

package/dist/Plugins/code/components/CodeRenderer.js

@@ -64,6 +64,30 @@ function _object_spread(target) {
     }
     return target;
 }
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 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();
 }
@@ -76,7 +100,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import { ConfigProvider, theme as antdTheme } from "antd";
-import React, { useMemo, useState } from "react";
+import React, { useEffect, useMemo, useState } from "react";
 import { MarkdownEditor } from "../../../MarkdownEditor";
 import { useEditorStore } from "../../../MarkdownEditor/editor/store";
 import { useCodeEditorState, useRenderConditions, useToolbarConfig } from "../hooks";
@@ -94,7 +118,7 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
  * - 响应式布局适配
  * - 支持代码框选中状态管理
  */ export function CodeRenderer(props) {
-    var _editorProps_codeProps;
+    var _props_element_otherProps, _props_element, _props_element_otherProps1, _props_element1, _editorProps_codeProps;
     var _useEditorStore = useEditorStore(), editorProps = _useEditorStore.editorProps, readonly = _useEditorStore.readonly;
     // 使用状态管理Hook
     var _useCodeEditorState = useCodeEditorState(props.element), state = _useCodeEditorState.state, update = _useCodeEditorState.update, path = _useCodeEditorState.path, handleCloseClick = _useCodeEditorState.handleCloseClick, handleHtmlPreviewClose = _useCodeEditorState.handleHtmlPreviewClose, handleShowBorderChange = _useCodeEditorState.handleShowBorderChange, handleHideChange = _useCodeEditorState.handleHideChange;
@@ -133,6 +157,33 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
         onViewModeToggle: handleViewModeToggle,
         viewMode: viewMode
     }).toolbarProps;
+    // 检查代码块是否未闭合
+    var isUnclosed = ((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.finish) === false;
+    // 5 秒超时机制：如果代码块未闭合，5 秒后自动设置为完成
+    useEffect(function() {
+        if (isUnclosed && !readonly) {
+            var timer = setTimeout(function() {
+                var _props_element_otherProps, _props_element;
+                // 检查 finish 是否仍然是 false（可能已经被其他逻辑更新）
+                if (((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.finish) === false) {
+                    var _props_element1;
+                    update({
+                        otherProps: _object_spread_props(_object_spread({}, (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : _props_element1.otherProps), {
+                            finish: true
+                        })
+                    });
+                }
+            }, 5000); // 5 秒超时
+            return function() {
+                clearTimeout(timer);
+            };
+        }
+    }, [
+        isUnclosed,
+        readonly,
+        (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element1.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.finish,
+        update
+    ]);
     // 渲染组件
     return useMemo(function() {
         // 隐藏配置型 HTML 代码块

package/dist/Plugins/code/components/CodeToolbar.js

@@ -6,8 +6,9 @@
 import { ChevronsUpDown, Copy, Moon } from "@sofa-design/icons";
 import { message, Segmented } from "antd";
 import copy from "copy-to-clipboard";
-import React, { useContext } from "react";
+import React, { useContext, useMemo } from "react";
 import { ActionIconBox } from "../../../Components/ActionIconBox";
+import { Loading } from "../../../Components/Loading";
 import { I18nContext } from "../../../I18n";
 import { langIconMap } from "../langIconMap";
 import { LanguageSelector } from "./LanguageSelector";
@@ -40,10 +41,17 @@ import { LoadImage } from "./LoadImage";
  * />
  * ```
  */ export var CodeToolbar = function(props) {
-    var _element_language, _element_language1, _i18n_locale, _i18n_locale1;
+    var _element_otherProps, _element_language, _element_language1, _i18n_locale, _i18n_locale1;
     // 获取国际化上下文
     var i18n = useContext(I18nContext);
     var element = props.element, readonly = props.readonly, onCloseClick = props.onCloseClick, languageSelectorProps = props.languageSelectorProps, onViewModeToggle = props.onViewModeToggle, theme = props.theme, isExpanded = props.isExpanded, onExpandToggle = props.onExpandToggle, setTheme = props.setTheme, _props_viewMode = props.viewMode, viewMode = _props_viewMode === void 0 ? 'code' : _props_viewMode;
+    // 检查代码块是否未闭合 - 使用 useMemo 确保正确响应变化
+    var isUnclosed = useMemo(function() {
+        var _element_otherProps;
+        return (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.finish) === false;
+    }, [
+        element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.finish
+    ]);
     return /*#__PURE__*/ React.createElement("div", {
         "data-testid": "code-toolbar",
         contentEditable: false,
@@ -72,6 +80,12 @@ import { LoadImage } from "./LoadImage";
             userSelect: 'none',
             borderBottom: isExpanded ? theme === 'chaos' ? '1px solid #161616' : '1px solid var(--color-gray-border-light)' : 'none'
         }
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 8
+        }
     }, readonly ? // 只读模式：仅显示当前语言信息
     /*#__PURE__*/ React.createElement("div", {
         style: {
@@ -98,7 +112,12 @@ import { LoadImage } from "./LoadImage";
         },
         src: langIconMap.get(((_element_language1 = element.language) === null || _element_language1 === void 0 ? void 0 : _element_language1.toLowerCase()) || '')
     })), /*#__PURE__*/ React.createElement("div", null, element.language ? /*#__PURE__*/ React.createElement("span", null, element.katex ? 'Formula' : element.language === 'html' && element.render ? 'Html Renderer' : element.language) : /*#__PURE__*/ React.createElement("span", null, 'plain text'))) : // 非只读模式：显示语言选择器
-    /*#__PURE__*/ React.createElement(LanguageSelector, languageSelectorProps), /*#__PURE__*/ React.createElement("div", {
+    /*#__PURE__*/ React.createElement(LanguageSelector, languageSelectorProps), isUnclosed && /*#__PURE__*/ React.createElement(Loading, {
+        style: {
+            fontSize: '14px',
+            flexShrink: 0
+        }
+    })), /*#__PURE__*/ React.createElement("div", {
         style: {
             display: 'flex',
             gap: 5,

package/dist/Plugins/katex/InlineKatex.js

@@ -221,7 +221,7 @@ function _ts_generator(thisArg, body) {
     }
 }
 import classNames from "classnames";
-import React, { useEffect, useRef, useState, startTransition } from "react";
+import React, { startTransition, useEffect, useRef, useState } from "react";
 import { Editor, Node, Transforms } from "slate";
 import { useEditorStore } from "../../MarkdownEditor/editor/store";
 import { useSelStatus } from "../../MarkdownEditor/hooks/editor";

package/dist/Plugins/katex/Katex.js

@@ -169,7 +169,7 @@ function _ts_generator(thisArg, body) {
     }
 }
 import classNames from "classnames";
-import React, { useEffect, useRef, useState, startTransition } from "react";
+import React, { startTransition, useEffect, useRef, useState } from "react";
 import { useGetSetState } from "react-use";
 import { loadKatex } from "./loadKatex";
 /**