@ant-design/agentic-ui 2.29.30 → 2.29.32

package/dist/Plugins/chart/ChartMark/Area.js

@@ -26,6 +26,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 import { CategoryScale, Chart as ChartJS, Filler, Legend, LinearScale, LineElement, PointElement, Title, Tooltip } from "chart.js";
 import React, { useImperativeHandle, useRef } from "react";
 import { Line } from "react-chartjs-2";
+import { isWindowDefined } from "../env";
 import { Container } from "./Container";
 var chartMarkAreaRegistered = false;
 export var Area = function Area(props) {
@@ -33,7 +34,7 @@ export var Area = function Area(props) {
         if (chartMarkAreaRegistered) {
             return undefined;
         }
-        if (typeof window === 'undefined') {
+        if (!isWindowDefined()) {
             return undefined;
         }
         ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Filler, Title, Tooltip, Legend);

package/dist/Plugins/chart/ChartMark/Bar.js

@@ -26,6 +26,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 import { BarElement, CategoryScale, Chart as ChartJS, Legend, LinearScale, Title, Tooltip } from "chart.js";
 import React, { useImperativeHandle, useRef } from "react";
 import { Bar as ChartBar } from "react-chartjs-2";
+import { isWindowDefined } from "../env";
 import { stringFormatNumber } from "../utils";
 import { Container } from "./Container";
 var chartMarkBarRegistered = false;
@@ -34,7 +35,7 @@ export var Bar = function Bar(props) {
         if (chartMarkBarRegistered) {
             return undefined;
         }
-        if (typeof window === 'undefined') {
+        if (!isWindowDefined()) {
             return undefined;
         }
         ChartJS.register(CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend);

package/dist/Plugins/chart/ChartMark/Column.js

@@ -26,6 +26,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 import { BarElement, CategoryScale, Chart as ChartJS, Legend, LinearScale, Title, Tooltip } from "chart.js";
 import React, { useImperativeHandle, useRef } from "react";
 import { Bar as ChartBar } from "react-chartjs-2";
+import { isWindowDefined } from "../env";
 import { stringFormatNumber } from "../utils";
 import { Container } from "./Container";
 var chartMarkColumnRegistered = false;
@@ -34,7 +35,7 @@ export var Column = function Column(props) {
         if (chartMarkColumnRegistered) {
             return undefined;
         }
-        if (typeof window === 'undefined') {
+        if (!isWindowDefined()) {
             return undefined;
         }
         ChartJS.register(CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend);

package/dist/Plugins/chart/ChartMark/Line.js

@@ -26,6 +26,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 import { CategoryScale, Chart as ChartJS, Legend, LinearScale, LineElement, PointElement, Title, Tooltip } from "chart.js";
 import React, { useImperativeHandle, useRef } from "react";
 import { Line as ChartLine } from "react-chartjs-2";
+import { isWindowDefined } from "../env";
 import { stringFormatNumber } from "../utils";
 import { Container } from "./Container";
 var chartMarkLineRegistered = false;
@@ -34,7 +35,7 @@ export var Line = function Line(props) {
         if (chartMarkLineRegistered) {
             return undefined;
         }
-        if (typeof window === 'undefined') {
+        if (!isWindowDefined()) {
             return undefined;
         }
         ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend);

package/dist/Plugins/chart/ChartMark/Pie.js

@@ -2,6 +2,7 @@ import { ArcElement, Chart as ChartJS, Legend, Tooltip } from "chart.js";
 import React, { useImperativeHandle, useRef } from "react";
 import { Doughnut } from "react-chartjs-2";
 import { defaultColorList } from "../const";
+import { isWindowDefined } from "../env";
 import { Container } from "./Container";
 var chartMarkPieRegistered = false;
 export var Pie = function Pie(props) {
@@ -9,7 +10,7 @@ export var Pie = function Pie(props) {
         if (chartMarkPieRegistered) {
             return undefined;
         }
-        if (typeof window === 'undefined') {
+        if (!isWindowDefined()) {
             return undefined;
         }
         ChartJS.register(ArcElement, Tooltip, Legend);

package/dist/Plugins/chart/ChartRender.js

@@ -678,6 +678,13 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
             return k + 1;
         });
     }, 800));
+    // 卸载时取消未执行的防抖，避免在测试或 SSR 环境下 teardown 后回调触发 setState
+    React.useEffect(function() {
+        return function() {
+            var _debouncedUpdateRenderKeyRef_current_cancel, _debouncedUpdateRenderKeyRef_current;
+            (_debouncedUpdateRenderKeyRef_current = debouncedUpdateRenderKeyRef.current) === null || _debouncedUpdateRenderKeyRef_current === void 0 ? void 0 : (_debouncedUpdateRenderKeyRef_current_cancel = _debouncedUpdateRenderKeyRef_current.cancel) === null || _debouncedUpdateRenderKeyRef_current_cancel === void 0 ? void 0 : _debouncedUpdateRenderKeyRef_current_cancel.call(_debouncedUpdateRenderKeyRef_current);
+        };
+    }, []);
     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;
@@ -833,6 +840,7 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
         var filterByChanged = prevDataRef.current.filterBy !== filterBy;
         var hasChanged = prevDataRef.current.dataHash !== dataHash || configChanged || groupByChanged || colorLegendChanged || filterByChanged;
         if (hasChanged) {
+            var dataHashChanged = prevDataRef.current.dataHash !== dataHash;
             // 更新缓存
             prevDataRef.current = {
                 dataHash: dataHash,
@@ -842,7 +850,7 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
                 filterBy: filterBy
             };
             // 对于流式数据，使用防抖更新，避免频繁渲染
-            if (prevDataRef.current.dataHash !== dataHash) {
+            if (dataHashChanged) {
                 debouncedUpdateRenderKeyRef.current();
             } else {
                 // 配置变化时立即更新

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

@@ -150,6 +150,7 @@ import classNames from "clsx";
 import React, { useContext, useMemo, useRef, useState } from "react";
 import { Doughnut } from "react-chartjs-2";
 import { ChartContainer, ChartFilter, ChartStatistic, ChartToolBar, downloadChart } from "../components";
+import { isWindowDefined } from "../env";
 import { defaultColorList } from "../const";
 import { resolveCssVariable } from "../utils";
 import { SINGLE_MODE_DESKTOP_CUTOUT, SINGLE_MODE_MOBILE_CUTOUT } from "./constants";
@@ -221,7 +222,7 @@ import { useStyle } from "./style";
         if (donutChartComponentsRegistered) {
             return undefined;
         }
-        if (typeof window === 'undefined') {
+        if (!isWindowDefined()) {
             return undefined;
         }
         ChartJS.register(ArcElement, Tooltip, Legend);

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

@@ -0,0 +1,4 @@
+/**
+ * 环境检测，便于 SSR 与单测 mock
+ */
+export declare function isWindowDefined(): boolean;

package/dist/Plugins/chart/env.js

@@ -0,0 +1,5 @@
+/**
+ * 环境检测，便于 SSR 与单测 mock
+ */ export function isWindowDefined() {
+    return typeof window !== 'undefined';
+}

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

@@ -482,6 +482,7 @@ import { loadAceEditor, loadAceTheme } from "../loadAceEditor";
             if (readonly) return;
             clearTimeout(debounceTimer.current);
             debounceTimer.current = window.setTimeout(function() {
+                if (typeof window === 'undefined') return;
                 onUpdate({
                     value: codeEditor.getValue()
                 });
@@ -552,6 +553,7 @@ import { loadAceEditor, loadAceTheme } from "../loadAceEditor";
         // 配置编辑器事件
         setupEditorEvents(codeEditor);
         return function() {
+            clearTimeout(debounceTimer.current);
             codeEditor.destroy();
         };
     }, [

package/dist/Plugins/code/index.d.ts

@@ -5,6 +5,7 @@
  */
 import React from 'react';
 import { CodeNode, ElementProps } from '../../MarkdownEditor/el';
+export declare function csvToMarkdownTable(csv: string | undefined): string;
 /**
  * 代码编辑器组件
  * 已重构为更小的组件，提升可维护性

package/dist/Plugins/code/index.js

@@ -31,7 +31,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 import { BaseMarkdownEditor } from "../../MarkdownEditor";
 import { useEditorStore } from "../../MarkdownEditor/editor/store";
 import { CodeRenderer } from "./components";
-function csvToMarkdownTable(csv) {
+export function csvToMarkdownTable(csv) {
     if (!csv) return '';
     // 处理不同换行符
     var lines = csv.replace(/\r\n/g, '\n').replace(/\r/g, '\n').split('\n');

package/dist/Plugins/mermaid/Mermaid.js

@@ -127,6 +127,7 @@ function _ts_generator(thisArg, body) {
     }
 }
 import React, { lazy, Suspense } from "react";
+import { isBrowser } from "./env";
 import { MermaidFallback } from "./MermaidFallback";
 import { MermaidRendererImpl } from "./MermaidRendererImpl";
 import { loadMermaid } from "./utils";
@@ -190,8 +191,7 @@ import { loadMermaid } from "./utils";
  * - 居中显示图表
  * - 自动生成唯一ID
  */ export var Mermaid = function Mermaid(props) {
-    var isBrowser = typeof window !== 'undefined';
-    if (!isBrowser) {
+    if (!isBrowser()) {
         return null;
     }
     return /*#__PURE__*/ React.createElement(Suspense, {

package/dist/Plugins/mermaid/env.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 环境检测，便于 SSR 与单测 mock
+ */
+export declare function isBrowser(): boolean;

package/dist/Plugins/mermaid/env.js

@@ -0,0 +1,5 @@
+/**
+ * 环境检测，便于 SSR 与单测 mock
+ */ export function isBrowser() {
+    return typeof window !== 'undefined';
+}

package/dist/ToolUseBar/BarItem/Content.js

@@ -27,7 +27,7 @@ function _object_spread(target) {
     return target;
 }
 import { Api, ChevronUp, X } from "@sofa-design/icons";
-import classnames from "clsx";
+import classNames from "clsx";
 import { AnimatePresence, motion } from "framer-motion";
 import React, { memo, useMemo } from "react";
 import { useRefFunction } from "../../Hooks/useRefFunction";
@@ -35,14 +35,14 @@ var ToolImageComponent = function ToolImageComponent(param) {
     var tool = param.tool, prefixCls = param.prefixCls, hashId = param.hashId;
     var toolImageWrapperClassName = useMemo(function() {
         var _obj;
-        return classnames("".concat(prefixCls, "-tool-image-wrapper"), hashId, (_obj = {}, _define_property(_obj, "".concat(prefixCls, "-tool-image-wrapper-rotating"), tool.status === 'loading'), _define_property(_obj, "".concat(prefixCls, "-tool-image-wrapper-loading"), tool.status === 'loading'), _obj));
+        return classNames("".concat(prefixCls, "-tool-image-wrapper"), hashId, (_obj = {}, _define_property(_obj, "".concat(prefixCls, "-tool-image-wrapper-rotating"), tool.status === 'loading'), _define_property(_obj, "".concat(prefixCls, "-tool-image-wrapper-loading"), tool.status === 'loading'), _obj));
     }, [
         prefixCls,
         hashId,
         tool.status
     ]);
     var toolImageClassName = useMemo(function() {
-        return classnames("".concat(prefixCls, "-tool-image"), hashId);
+        return classNames("".concat(prefixCls, "-tool-image"), hashId);
     }, [
         prefixCls,
         hashId
@@ -98,14 +98,14 @@ export var ToolImage = /*#__PURE__*/ memo(ToolImageComponent);
 var ToolHeaderRightComponent = function ToolHeaderRightComponent(param) {
     var tool = param.tool, prefixCls = param.prefixCls, hashId = param.hashId, light = param.light;
     var toolHeaderRightClassName = useMemo(function() {
-        return classnames("".concat(prefixCls, "-tool-header-right"), _define_property({}, "".concat(prefixCls, "-tool-header-right-light"), light), hashId);
+        return classNames("".concat(prefixCls, "-tool-header-right"), _define_property({}, "".concat(prefixCls, "-tool-header-right-light"), light), hashId);
     }, [
         prefixCls,
         hashId,
         light
     ]);
     var toolNameClassName = useMemo(function() {
-        return classnames("".concat(prefixCls, "-tool-name"), hashId, _define_property({}, "".concat(prefixCls, "-tool-name-loading"), tool.status === 'loading'));
+        return classNames("".concat(prefixCls, "-tool-name"), hashId, _define_property({}, "".concat(prefixCls, "-tool-name-loading"), tool.status === 'loading'));
     }, [
         prefixCls,
         hashId,
@@ -113,7 +113,7 @@ var ToolHeaderRightComponent = function ToolHeaderRightComponent(param) {
     ]);
     var toolTargetClassName = useMemo(function() {
         var _obj;
-        return classnames("".concat(prefixCls, "-tool-target"), hashId, (_obj = {}, _define_property(_obj, "".concat(prefixCls, "-tool-target-loading"), tool.status === 'loading'), _define_property(_obj, "".concat(prefixCls, "-tool-target-light"), light), _obj));
+        return classNames("".concat(prefixCls, "-tool-target"), hashId, (_obj = {}, _define_property(_obj, "".concat(prefixCls, "-tool-target-loading"), tool.status === 'loading'), _define_property(_obj, "".concat(prefixCls, "-tool-target-light"), light), _obj));
     }, [
         prefixCls,
         hashId,
@@ -175,7 +175,7 @@ export var ToolHeaderRight = /*#__PURE__*/ memo(ToolHeaderRightComponent);
 var ToolTimeComponent = function ToolTimeComponent(param) {
     var tool = param.tool, prefixCls = param.prefixCls, hashId = param.hashId;
     var toolTimeClassName = useMemo(function() {
-        return classnames("".concat(prefixCls, "-tool-time"), hashId);
+        return classNames("".concat(prefixCls, "-tool-time"), hashId);
     }, [
         prefixCls,
         hashId
@@ -195,7 +195,7 @@ export var ToolTime = /*#__PURE__*/ memo(ToolTimeComponent);
 var ToolExpandComponent = function ToolExpandComponent(param) {
     var showContent = param.showContent, expanded = param.expanded, prefixCls = param.prefixCls, hashId = param.hashId, onExpandClick = param.onExpandClick;
     var toolExpandClassName = useMemo(function() {
-        return classnames("".concat(prefixCls, "-tool-expand"), hashId);
+        return classNames("".concat(prefixCls, "-tool-expand"), hashId);
     }, [
         prefixCls,
         hashId
@@ -234,7 +234,7 @@ export var ToolExpand = /*#__PURE__*/ memo(ToolExpandComponent);
 var ToolContentComponent = function ToolContentComponent(param) {
     var tool = param.tool, prefixCls = param.prefixCls, hashId = param.hashId, light = param.light, showContent = param.showContent, expanded = param.expanded;
     var toolContainerClassName = useMemo(function() {
-        return classnames("".concat(prefixCls, "-tool-container"), hashId, _define_property({}, "".concat(prefixCls, "-tool-container-light"), light));
+        return classNames("".concat(prefixCls, "-tool-container"), hashId, _define_property({}, "".concat(prefixCls, "-tool-container-light"), light));
     }, [
         prefixCls,
         hashId,
@@ -242,25 +242,25 @@ var ToolContentComponent = function ToolContentComponent(param) {
     ]);
     // 缓存错误样式类名
     var errorClassName = useMemo(function() {
-        return classnames("".concat(prefixCls, "-tool-content-error"), hashId);
+        return classNames("".concat(prefixCls, "-tool-content-error"), hashId);
     }, [
         prefixCls,
         hashId
     ]);
     var errorIconClassName = useMemo(function() {
-        return classnames("".concat(prefixCls, "-tool-content-error-icon"), hashId);
+        return classNames("".concat(prefixCls, "-tool-content-error-icon"), hashId);
     }, [
         prefixCls,
         hashId
     ]);
     var errorTextClassName = useMemo(function() {
-        return classnames("".concat(prefixCls, "-tool-content-error-text"), hashId);
+        return classNames("".concat(prefixCls, "-tool-content-error-text"), hashId);
     }, [
         prefixCls,
         hashId
     ]);
     var contentClassName = useMemo(function() {
-        return classnames("".concat(prefixCls, "-tool-content"), hashId);
+        return classNames("".concat(prefixCls, "-tool-content"), hashId);
     }, [
         prefixCls,
         hashId

package/dist/ToolUseBar/BarItem/index.js

@@ -64,7 +64,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     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 classnames from "clsx";
+import classNames from "clsx";
 import { useMergedState } from "rc-util";
 import React, { memo, useMemo } from "react";
 import { useRefFunction } from "../../Hooks/useRefFunction";
@@ -88,7 +88,7 @@ var ToolUseBarItemComponent = function ToolUseBarItemComponent(param) {
     // 使用 useMemo 优化样式类名
     var toolClassName = useMemo(function() {
         var _obj;
-        return classnames("".concat(prefixCls, "-tool ").concat(hashId), (_obj = {}, _define_property(_obj, "".concat(prefixCls, "-tool-success"), tool.status === 'success'), _define_property(_obj, "".concat(prefixCls, "-tool-loading"), tool.status === 'loading'), _define_property(_obj, "".concat(prefixCls, "-tool-loading-light"), tool.status === 'loading' && light), _define_property(_obj, "".concat(prefixCls, "-tool-error"), tool.status === 'error'), _define_property(_obj, "".concat(prefixCls, "-tool-idle"), tool.status === 'idle'), _define_property(_obj, "".concat(prefixCls, "-tool-active"), isActive && !expanded), _define_property(_obj, "".concat(prefixCls, "-tool-expanded"), expanded), _define_property(_obj, "".concat(prefixCls, "-tool-light"), light), _obj));
+        return classNames("".concat(prefixCls, "-tool ").concat(hashId), (_obj = {}, _define_property(_obj, "".concat(prefixCls, "-tool-success"), tool.status === 'success'), _define_property(_obj, "".concat(prefixCls, "-tool-loading"), tool.status === 'loading'), _define_property(_obj, "".concat(prefixCls, "-tool-loading-light"), tool.status === 'loading' && light), _define_property(_obj, "".concat(prefixCls, "-tool-error"), tool.status === 'error'), _define_property(_obj, "".concat(prefixCls, "-tool-idle"), tool.status === 'idle'), _define_property(_obj, "".concat(prefixCls, "-tool-active"), isActive && !expanded), _define_property(_obj, "".concat(prefixCls, "-tool-expanded"), expanded), _define_property(_obj, "".concat(prefixCls, "-tool-light"), light), _obj));
     }, [
         prefixCls,
         hashId,
@@ -98,13 +98,13 @@ var ToolUseBarItemComponent = function ToolUseBarItemComponent(param) {
         expanded
     ]);
     var toolBarClassName = useMemo(function() {
-        return classnames("".concat(prefixCls, "-tool-bar"), hashId);
+        return classNames("".concat(prefixCls, "-tool-bar"), hashId);
     }, [
         prefixCls,
         hashId
     ]);
     var toolHeaderClassName = useMemo(function() {
-        return classnames("".concat(prefixCls, "-tool-header"), hashId);
+        return classNames("".concat(prefixCls, "-tool-header"), hashId);
     }, [
         prefixCls,
         hashId
@@ -152,9 +152,9 @@ var ToolUseBarItemComponent = function ToolUseBarItemComponent(param) {
     return /*#__PURE__*/ React.createElement("div", {
         key: tool.id,
         "data-testid": "ToolUserItem",
-        className: classnames(toolClassName, _define_property({}, "".concat(prefixCls, "-tool-collapsed"), !showContent))
+        className: classNames(toolClassName, _define_property({}, "".concat(prefixCls, "-tool-collapsed"), !showContent))
     }, /*#__PURE__*/ React.createElement("div", {
-        className: classnames(toolBarClassName, _define_property({}, "".concat(prefixCls, "-tool-bar-collapsed"), !showContent)),
+        className: classNames(toolBarClassName, _define_property({}, "".concat(prefixCls, "-tool-bar-collapsed"), !showContent)),
         "data-testid": "tool-user-item-tool-bar",
         onClick: handleClick
     }, /*#__PURE__*/ React.createElement("div", {
@@ -170,7 +170,7 @@ var ToolUseBarItemComponent = function ToolUseBarItemComponent(param) {
         hashId: hashId,
         light: light
     }), tool.time || showContent ? /*#__PURE__*/ React.createElement("div", {
-        className: classnames("".concat(prefixCls, "-tool-time-expand"), hashId)
+        className: classNames("".concat(prefixCls, "-tool-time-expand"), hashId)
     }, /*#__PURE__*/ React.createElement(ToolTime, {
         tool: tool,
         prefixCls: prefixCls,

package/dist/WelcomeMessage/index.js

@@ -69,7 +69,7 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { ConfigProvider } from "antd";
-import classnames from "clsx";
+import clsx from "clsx";
 import React, { useContext } from "react";
 import { TextAnimate } from "../Components/TextAnimate";
 import { TypingAnimation } from "../Components/TypingAnimation";
@@ -120,18 +120,18 @@ import { useStyle } from "./style";
     var _useStyle = useStyle(prefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     var _ref = customStyle || {}, ref = _object_destructuring_empty(_ref), restStyle = _extends({}, _ref);
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
-        className: classnames(prefixCls, hashId, rootClassName),
+        className: clsx(prefixCls, hashId, rootClassName),
         style: restStyle
     }, title && /*#__PURE__*/ React.createElement(TypingAnimation, _object_spread_props(_object_spread({
         as: "div"
     }, titleAnimateProps), {
-        className: classnames("".concat(prefixCls, "-title"), classNames === null || classNames === void 0 ? void 0 : classNames.title)
+        className: clsx("".concat(prefixCls, "-title"), classNames === null || classNames === void 0 ? void 0 : classNames.title)
     }), title), description && /*#__PURE__*/ React.createElement(TextAnimate, _object_spread_props(_object_spread({
         as: "div",
         animation: "blurInUp",
         by: "character",
         once: true
     }, descriptionAnimateProps), {
-        className: classnames("".concat(prefixCls, "-description"), classNames === null || classNames === void 0 ? void 0 : classNames.description)
+        className: clsx("".concat(prefixCls, "-description"), classNames === null || classNames === void 0 ? void 0 : classNames.description)
     }), description)));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.29.30",
+  "version": "2.29.32",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",