@ant-design/agentic-ui 2.11.2 → 2.12.0

package/dist/MarkdownInputField/MarkdownInputField.d.ts

@@ -383,6 +383,38 @@ export type MarkdownInputFieldProps = {
      * ```
      */
     isShowBackTo?: boolean;
+    /**
+     * 输入框的最大高度（像素）
+     * @description 设置输入框的最大高度，超出部分将显示滚动条。如果同时设置了 style.maxHeight，则以该属性优先
+     * @example
+     * ```tsx
+     * <MarkdownInputField maxHeight={300} />
+     * ```
+     */
+    maxHeight?: number | string;
+    /**
+     * 输入文本的最大字符数限制
+     * @description 限制输入文本的最大字符数，超出限制后将无法继续输入
+     * @example
+     * ```tsx
+     * <MarkdownInputField maxLength={500} />
+     * ```
+     */
+    maxLength?: number;
+    /**
+     * 当输入达到最大长度限制时的回调函数
+     * @description 当用户尝试输入超出最大长度限制的内容时触发
+     * @example
+     * ```tsx
+     * <MarkdownInputField
+     *   maxLength={100}
+     *   onMaxLengthExceeded={() => {
+     *     message.warning('已达到最大字数限制');
+     *   }}
+     * />
+     * ```
+     */
+    onMaxLengthExceeded?: (value: string) => void;
 };
 /**
  * MarkdownInputField 组件 - Markdown输入字段组件

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -314,7 +314,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
         "onFocus",
         "isShowTopOperatingArea"
     ]);
-    var _props_style, _props_attachment, _props_style1, _props_attachment1, _props_attachment2, _props_attachment3, _props_enlargeable, _props_refinePrompt, _props_style2, _props_attachment4, _props_attachment5, _props_enlargeable1, _props_refinePrompt1, _props_enlargeable2, _props_enlargeable3;
+    var _props_style, _props_attachment, _props_attachment1, _props_attachment2, _props_attachment3, _props_enlargeable, _props_refinePrompt, _props_style1, _props_attachment4, _props_attachment5, _props_enlargeable1, _props_refinePrompt1, _props_enlargeable2, _props_enlargeable3;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var baseCls = getPrefixCls('agentic-md-input-field');
     var _useStyle = useStyle(baseCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
@@ -349,10 +349,13 @@ import { useVoiceInputManager } from "./VoiceInputManager";
     ]);
     var collapsedHeight = useMemo(function() {
         var _props_style;
-        var mh = (_props_style = props.style) === null || _props_style === void 0 ? void 0 : _props_style.maxHeight;
-        var base = typeof mh === 'number' ? mh : mh ? parseFloat(String(mh)) || 114 : 114;
+        var _props_maxHeight;
+        // 优先使用 maxHeight prop，其次使用 style.maxHeight，最后使用默认值
+        var maxHeightValue = (_props_maxHeight = props.maxHeight) !== null && _props_maxHeight !== void 0 ? _props_maxHeight : (_props_style = props.style) === null || _props_style === void 0 ? void 0 : _props_style.maxHeight;
+        var base = typeof maxHeightValue === 'number' ? maxHeightValue : maxHeightValue ? parseFloat(String(maxHeightValue)) || 114 : 114;
         return base;
     }, [
+        props.maxHeight,
         (_props_style = props.style) === null || _props_style === void 0 ? void 0 : _props_style.maxHeight,
         (_props_attachment = props.attachment) === null || _props_attachment === void 0 ? void 0 : _props_attachment.enable
     ]);
@@ -361,7 +364,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
         var extra = ((_props_attachment = props.attachment) === null || _props_attachment === void 0 ? void 0 : _props_attachment.enable) ? 90 : 0;
         return collapsedHeight + extra;
     }, [
-        (_props_style1 = props.style) === null || _props_style1 === void 0 ? void 0 : _props_style1.maxHeight,
+        collapsedHeight,
         (_props_attachment1 = props.attachment) === null || _props_attachment1 === void 0 ? void 0 : _props_attachment1.enable
     ]);
     var _useMergedState1 = _sliced_to_array(useMergedState(undefined, {
@@ -396,7 +399,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
         hasRefineAction,
         isMultiRowLayout,
         totalActionCount,
-        (_props_style2 = props.style) === null || _props_style2 === void 0 ? void 0 : _props_style2.minHeight
+        (_props_style1 = props.style) === null || _props_style1 === void 0 ? void 0 : _props_style1.minHeight
     ]);
     // 文件上传管理
     var _useFileUploadManager = useFileUploadManager({
@@ -714,7 +717,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
             minHeight: computedMinHeight,
             cursor: isLoading || props.disabled ? 'not-allowed' : 'auto',
             opacity: props.disabled ? 0.5 : 1,
-            maxHeight: isEnlarged ? 'none' : "min(".concat(collapsedHeightPx, "px,100%)"),
+            maxHeight: isEnlarged ? 'none' : props.maxHeight !== undefined ? typeof props.maxHeight === 'number' ? "".concat(props.maxHeight, "px") : props.maxHeight : "min(".concat(collapsedHeightPx, "px,100%)"),
             transition: 'height, max-height 0.3s,border-radius 0.3s,box-shadow 0.3s,transform 0.3s,opacity 0.3s,background 0.3s'
         }),
         tabIndex: 1,
@@ -733,8 +736,10 @@ import { useVoiceInputManager } from "./VoiceInputManager";
             borderTopRightRadius: 'inherit',
             maxHeight: isEnlarged ? 'none' : function() {
                 var _props_style, _props_attachment;
-                var mh = (_props_style = props.style) === null || _props_style === void 0 ? void 0 : _props_style.maxHeight;
-                var base = typeof mh === 'number' ? mh : mh ? parseFloat(String(mh)) || 400 : 400;
+                var _props_maxHeight;
+                // 优先使用 maxHeight prop，其次使用 style.maxHeight，最后使用默认值
+                var maxHeightValue = (_props_maxHeight = props.maxHeight) !== null && _props_maxHeight !== void 0 ? _props_maxHeight : (_props_style = props.style) === null || _props_style === void 0 ? void 0 : _props_style.maxHeight;
+                var base = typeof maxHeightValue === 'number' ? maxHeightValue : maxHeightValue ? parseFloat(String(maxHeightValue)) || 400 : 400;
                 var extra = ((_props_attachment = props.attachment) === null || _props_attachment === void 0 ? void 0 : _props_attachment.enable) ? 90 : 0;
                 return "min(".concat(base + extra, "px)");
             }(),
@@ -778,6 +783,19 @@ import { useVoiceInputManager } from "./VoiceInputManager";
         initValue: props.value,
         onChange: function(value) {
             var _props_onChange;
+            // 检查并限制字符数
+            if (props.maxLength !== undefined) {
+                if (value.length > props.maxLength) {
+                    var _props_onChange1, _props_onMaxLengthExceeded, // 更新编辑器内容以反映截断后的值
+                    _markdownEditorRef_current_store, _markdownEditorRef_current;
+                    var truncatedValue = value.slice(0, props.maxLength);
+                    setValue(truncatedValue);
+                    (_props_onChange1 = props.onChange) === null || _props_onChange1 === void 0 ? void 0 : _props_onChange1.call(props, truncatedValue);
+                    (_props_onMaxLengthExceeded = props.onMaxLengthExceeded) === null || _props_onMaxLengthExceeded === void 0 ? void 0 : _props_onMaxLengthExceeded.call(props, value);
+                    (_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : (_markdownEditorRef_current_store = _markdownEditorRef_current.store) === null || _markdownEditorRef_current_store === void 0 ? void 0 : _markdownEditorRef_current_store.setMDContent(truncatedValue);
+                    return;
+                }
+            }
             setValue(value);
             (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, value);
         },

package/dist/Plugins/chart/ChartRender.js

@@ -229,7 +229,7 @@ import { Loading } from "../../Components/Loading";
 import { useIntersectionOnce } from "../../Hooks/useIntersectionOnce";
 import { I18nContext } from "../../I18n";
 import { loadChartRuntime } from "./loadChartRuntime";
-import { isNotEmpty, toNumber } from "./utils";
+import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./utils";
 /**
  * @fileoverview 图表渲染组件文件
  *
@@ -624,6 +624,8 @@ import { isNotEmpty, toNumber } from "./utils";
  * - 提供图表属性工具栏
  * - 使用 React.lazy 和 Suspense 实现代码分割
  */ export var ChartRender = function(props) {
+    var // 对于 rest 对象，使用浅比较
+    _config_rest, _config_rest1, _config_rest2;
     var _useState = _sliced_to_array(useState(function() {
         return props.chartType;
     }), 2), chartType = _useState[0], setChartType = _useState[1];
@@ -635,6 +637,23 @@ import { isNotEmpty, toNumber } from "./utils";
     var _useState2 = _sliced_to_array(useState(0), 2), renderKey = _useState2[0], setRenderKey = _useState2[1];
     var containerRef = React.useRef(null);
     var isIntersecting = useIntersectionOnce(containerRef);
+    // 用于缓存上一次的数据和配置，避免不必要的重新计算
+    var prevDataRef = React.useRef({
+        dataHash: '',
+        config: null
+    });
+    // 计算数据哈希值，用于依赖项比较
+    var dataHash = React.useMemo(function() {
+        return getDataHash(chartData || []);
+    }, [
+        chartData
+    ]);
+    // 防抖更新 renderKey，避免流式数据频繁更新导致的性能问题
+    var debouncedUpdateRenderKeyRef = React.useRef(debounce(function() {
+        setRenderKey(function(k) {
+            return k + 1;
+        });
+    }, 300));
     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;
@@ -706,8 +725,15 @@ import { isNotEmpty, toNumber } from "./utils";
             } : {});
         });
     }, [
-        JSON.stringify(chartData),
-        JSON.stringify(config),
+        // 使用更高效的依赖项比较
+        dataHash,
+        config === null || config === void 0 ? void 0 : config.x,
+        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,
+        config === null || config === void 0 ? void 0 : (_config_rest = config.rest) === null || _config_rest === void 0 ? void 0 : _config_rest.stacked,
+        config === null || config === void 0 ? void 0 : (_config_rest1 = config.rest) === null || _config_rest1 === void 0 ? void 0 : _config_rest1.showLegend,
+        config === null || config === void 0 ? void 0 : (_config_rest2 = config.rest) === null || _config_rest2 === void 0 ? void 0 : _config_rest2.showGrid,
         title,
         groupBy,
         colorLegend,
@@ -730,8 +756,12 @@ import { isNotEmpty, toNumber } from "./utils";
             } : {});
         });
     }, [
-        JSON.stringify(chartData),
-        JSON.stringify(config),
+        // 使用更高效的依赖项比较
+        dataHash,
+        config === null || config === void 0 ? void 0 : config.x,
+        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,
         title,
         groupBy,
         filterBy
@@ -741,6 +771,39 @@ import { isNotEmpty, toNumber } from "./utils";
     }, [
         props.chartType
     ]);
+    // 监听数据变化，使用防抖更新渲染键
+    React.useEffect(function() {
+        var configChanged = !isConfigEqual(prevDataRef.current.config, config);
+        var groupByChanged = prevDataRef.current.groupBy !== groupBy;
+        var colorLegendChanged = prevDataRef.current.colorLegend !== colorLegend;
+        var filterByChanged = prevDataRef.current.filterBy !== filterBy;
+        var hasChanged = prevDataRef.current.dataHash !== dataHash || configChanged || groupByChanged || colorLegendChanged || filterByChanged;
+        if (hasChanged) {
+            // 更新缓存
+            prevDataRef.current = {
+                dataHash: dataHash,
+                config: config,
+                groupBy: groupBy,
+                colorLegend: colorLegend,
+                filterBy: filterBy
+            };
+            // 对于流式数据，使用防抖更新，避免频繁渲染
+            if (prevDataRef.current.dataHash !== dataHash) {
+                debouncedUpdateRenderKeyRef.current();
+            } else {
+                // 配置变化时立即更新
+                setRenderKey(function(k) {
+                    return k + 1;
+                });
+            }
+        }
+    }, [
+        dataHash,
+        config,
+        groupBy,
+        colorLegend,
+        filterBy
+    ]);
     /**
    * 图表配置
    */ var getChartPopover = function() {
@@ -884,12 +947,7 @@ import { isNotEmpty, toNumber } from "./utils";
                     })
                 })))))
             }, /*#__PURE__*/ React.createElement(ActionIconBox, {
-                title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale3 = i18n.locale) === null || _i18n_locale3 === void 0 ? void 0 : _i18n_locale3.configChart) || '配置图表',
-                onClick: function() {
-                    return setRenderKey(function(k) {
-                        return k + 1;
-                    });
-                }
+                title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale3 = i18n.locale) === null || _i18n_locale3 === void 0 ? void 0 : _i18n_locale3.configChart) || '配置图表'
             }, /*#__PURE__*/ React.createElement(SettingOutlined, {
                 style: {
                     color: 'rgba(0, 25, 61, 0.3255)'
@@ -992,8 +1050,12 @@ import { isNotEmpty, toNumber } from "./utils";
         return null;
     }, [
         chartType,
-        JSON.stringify(chartData),
-        JSON.stringify(config),
+        // 使用更高效的依赖项
+        dataHash,
+        config === null || config === void 0 ? void 0 : config.x,
+        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,

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

@@ -142,7 +142,7 @@ import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Line } from "react-chartjs-2";
 import { ChartContainer, ChartFilter, ChartStatistic, ChartToolBar, downloadChart } from "../components";
 import { defaultColorList } from "../const";
-import { extractAndSortXValues, findDataPointByXValue } from "../utils";
+import { extractAndSortXValues, findDataPointByXValue, getDataHash } from "../utils";
 import { useStyle } from "./style";
 var lineChartComponentsRegistered = false;
 var LineChart = function(_param) {
@@ -179,6 +179,12 @@ var LineChart = function(_param) {
         return undefined;
     }, []);
     var safeData = Array.isArray(data) ? data : [];
+    // 使用数据哈希来优化依赖项比较
+    var dataHash = useMemo(function() {
+        return getDataHash(safeData);
+    }, [
+        safeData
+    ]);
     // 响应式尺寸计算
     var _useState = _sliced_to_array(useState(typeof window !== 'undefined' ? window.innerWidth : 768), 2), windowWidth = _useState[0], setWindowWidth = _useState[1];
     var isMobile = windowWidth <= 768;
@@ -217,7 +223,7 @@ var LineChart = function(_param) {
         }))).filter(Boolean);
         return uniqueCategories;
     }, [
-        safeData
+        dataHash
     ]);
     // 从数据中提取 filterLabel，过滤掉 undefined 值
     var validFilterLabels = useMemo(function() {
@@ -227,7 +233,7 @@ var LineChart = function(_param) {
             return filterLabel !== undefined;
         });
     }, [
-        safeData
+        dataHash
     ]);
     var filterLabels = useMemo(function() {
         return validFilterLabels.length > 0 ? _to_consumable_array(new Set(validFilterLabels)) : undefined;
@@ -259,7 +265,7 @@ var LineChart = function(_param) {
             return item.x !== null && item.x !== undefined;
         });
     }, [
-        safeData,
+        dataHash,
         selectedFilter,
         filterLabels,
         selectedFilterLabel

package/dist/Plugins/chart/index.js

@@ -130,6 +130,7 @@ import { ErrorBoundary } from "../../MarkdownEditor/editor/elements/ErrorBoundar
 import { useEditorStore } from "../../MarkdownEditor/editor/store";
 import { DragHandle } from "../../MarkdownEditor/editor/tools/DragHandle";
 import { ChartRender } from "./ChartRender";
+import { getDataHash } from "./utils";
 /**
  * @fileoverview 图表插件主入口文件
  *
@@ -269,10 +270,17 @@ export { ChartFilter, ChartToolBar, downloadChart } from "./components";
  * - 集成编辑器状态管理
  * - 提供响应式布局
  */ export var ChartElement = function(props) {
-    var _node_otherProps, _node_otherProps1, _node_otherProps2;
+    var _node_otherProps, _node_otherProps1, _node_otherProps2, _node_otherProps3, _node_otherProps4, _node_otherProps_columns, _node_otherProps5;
     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;
+    // 使用更高效的依赖项比较，避免 JSON.stringify 的性能开销
+    var dataSourceHash = useMemo(function() {
+        var _node_otherProps;
+        return getDataHash(((_node_otherProps = node.otherProps) === null || _node_otherProps === void 0 ? void 0 : _node_otherProps.dataSource) || []);
+    }, [
+        (_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) {
@@ -281,12 +289,13 @@ export { ChartFilter, ChartToolBar, downloadChart } from "./components";
             });
         })) || [];
     }, [
-        (_node_otherProps = node.otherProps) === null || _node_otherProps === void 0 ? void 0 : _node_otherProps.dataSource
+        dataSourceHash,
+        (_node_otherProps1 = node.otherProps) === null || _node_otherProps1 === void 0 ? void 0 : _node_otherProps1.dataSource
     ]);
-    var columns = ((_node_otherProps1 = node.otherProps) === null || _node_otherProps1 === void 0 ? void 0 : _node_otherProps1.columns) || [];
+    var columns = ((_node_otherProps2 = node.otherProps) === null || _node_otherProps2 === void 0 ? void 0 : _node_otherProps2.columns) || [];
     var _React_useState = _sliced_to_array(React.useState(2), 2), columnLength = _React_useState[0], setColumnLength = _React_useState[1];
     var config = [
-        ((_node_otherProps2 = node.otherProps) === null || _node_otherProps2 === void 0 ? void 0 : _node_otherProps2.config) || node.otherProps
+        ((_node_otherProps3 = node.otherProps) === null || _node_otherProps3 === void 0 ? void 0 : _node_otherProps3.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];
@@ -463,7 +472,10 @@ export { ChartFilter, ChartToolBar, downloadChart } from "./components";
         }))))));
     }, [
         attributes,
-        JSON.stringify(node.otherProps),
+        // 使用更高效的依赖项比较
+        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,
         editor,
         columnLength,
         readonly,

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

@@ -246,3 +246,43 @@ export declare const toNumber: (val: any, fallback: number) => number;
  * @since 1.0.0
  */
 export declare const isNotEmpty: (val: any) => boolean;
+/**
+ * 生成数据数组的快速哈希值
+ *
+ * 用于优化 useMemo 的依赖项比较，避免使用 JSON.stringify 的性能开销。
+ * 通过比较数组长度和最后一个元素的引用来快速判断数据是否变化。
+ * 适用于流式数据场景，当数据频繁追加时性能更好。
+ *
+ * @param {any[]} data - 数据数组
+ * @returns {string} 哈希值字符串
+ *
+ * @example
+ * ```typescript
+ * const hash1 = getDataHash([{ x: 1, y: 2 }]);
+ * const hash2 = getDataHash([{ x: 1, y: 2 }, { x: 3, y: 4 }]);
+ * // hash1 !== hash2
+ * ```
+ *
+ * @since 1.0.0
+ */
+export declare const getDataHash: (data: any[]) => string;
+/**
+ * 深度比较两个配置对象的关键字段
+ *
+ * 用于优化 useMemo 的依赖项比较，只比较配置的关键字段，
+ * 避免对整个配置对象进行深度比较的性能开销。
+ *
+ * @param {any} config1 - 第一个配置对象
+ * @param {any} config2 - 第二个配置对象
+ * @returns {boolean} 是否相等
+ *
+ * @example
+ * ```typescript
+ * const config1 = { x: 'date', y: 'value', height: 400 };
+ * const config2 = { x: 'date', y: 'value', height: 400 };
+ * isConfigEqual(config1, config2); // true
+ * ```
+ *
+ * @since 1.0.0
+ */
+export declare const isConfigEqual: (config1: any, config2: any) => boolean;

package/dist/Plugins/chart/utils.js

@@ -320,3 +320,119 @@ var intl = new Intl.NumberFormat('en-US', {
  */ export var isNotEmpty = function(val) {
     return val !== null && val !== undefined;
 };
+/**
+ * 生成数据数组的快速哈希值
+ *
+ * 用于优化 useMemo 的依赖项比较，避免使用 JSON.stringify 的性能开销。
+ * 通过比较数组长度和最后一个元素的引用来快速判断数据是否变化。
+ * 适用于流式数据场景，当数据频繁追加时性能更好。
+ *
+ * @param {any[]} data - 数据数组
+ * @returns {string} 哈希值字符串
+ *
+ * @example
+ * ```typescript
+ * const hash1 = getDataHash([{ x: 1, y: 2 }]);
+ * const hash2 = getDataHash([{ x: 1, y: 2 }, { x: 3, y: 4 }]);
+ * // hash1 !== hash2
+ * ```
+ *
+ * @since 1.0.0
+ */ export var getDataHash = function(data) {
+    if (!Array.isArray(data) || data.length === 0) {
+        return "0-".concat((data === null || data === void 0 ? void 0 : data.length) || 0);
+    }
+    // 使用长度和最后一个元素的引用作为快速哈希
+    // 对于流式数据，通常只有新增，所以比较最后一个元素即可
+    var lastItem = data[data.length - 1];
+    var firstItem = data[0];
+    // 使用简单的哈希：长度 + 首尾元素的简单标识
+    var firstKey = firstItem ? Object.keys(firstItem).join(',') : '';
+    var lastKey = lastItem ? Object.keys(lastItem).join(',') : '';
+    return "".concat(data.length, "-").concat(firstKey, "-").concat(lastKey);
+};
+/**
+ * 深度比较两个配置对象的关键字段
+ *
+ * 用于优化 useMemo 的依赖项比较，只比较配置的关键字段，
+ * 避免对整个配置对象进行深度比较的性能开销。
+ *
+ * @param {any} config1 - 第一个配置对象
+ * @param {any} config2 - 第二个配置对象
+ * @returns {boolean} 是否相等
+ *
+ * @example
+ * ```typescript
+ * const config1 = { x: 'date', y: 'value', height: 400 };
+ * const config2 = { x: 'date', y: 'value', height: 400 };
+ * isConfigEqual(config1, config2); // true
+ * ```
+ *
+ * @since 1.0.0
+ */ export var isConfigEqual = function(config1, config2) {
+    if (config1 === config2) return true;
+    if (!config1 || !config2) return false;
+    var keys1 = Object.keys(config1);
+    var keys2 = Object.keys(config2);
+    if (keys1.length !== keys2.length) return false;
+    // 只比较关键字段
+    var keyFields = [
+        'x',
+        'y',
+        'height',
+        'index',
+        'rest'
+    ];
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = keyFields[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var key = _step.value;
+            if (config1[key] !== config2[key]) {
+                // 对于 rest 对象，进行浅比较
+                if (key === 'rest' && config1[key] && config2[key]) {
+                    var rest1 = config1[key];
+                    var rest2 = config2[key];
+                    var restKeys1 = Object.keys(rest1);
+                    var restKeys2 = Object.keys(rest2);
+                    if (restKeys1.length !== restKeys2.length) return false;
+                    var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+                    try {
+                        for(var _iterator1 = restKeys1[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                            var restKey = _step1.value;
+                            if (rest1[restKey] !== rest2[restKey]) return false;
+                        }
+                    } catch (err) {
+                        _didIteratorError1 = true;
+                        _iteratorError1 = err;
+                    } finally{
+                        try {
+                            if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                                _iterator1.return();
+                            }
+                        } finally{
+                            if (_didIteratorError1) {
+                                throw _iteratorError1;
+                            }
+                        }
+                    }
+                } else {
+                    return false;
+                }
+            }
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    return true;
+};

package/dist/Plugins/code/CodeUI/Katex/Katex.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { CodeNode } from '../../../../MarkdownEditor/el';
-import './katex.min.css';
 export declare const Katex: (props: {
     el?: CodeNode;
 }) => React.JSX.Element;