@ant-design/agentic-ui 2.30.30 → 2.30.33

package/dist/AILabel/index.d.ts

@@ -16,6 +16,8 @@ export type AILabelStatus = 'default' | 'watermark' | 'emphasis';
  * @extends React.HTMLAttributes<HTMLSpanElement>
  */
 export interface AILabelProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** 自动化测试用根节点标识，未设置时默认与主题前缀一致 */
+    'data-testid'?: string;
     /**
      * 标签状态
      * @description 控制标签的视觉样式，支持默认、水印和强调三种状态

package/dist/AILabel/index.js

@@ -185,14 +185,15 @@ import { prefixCls, useStyle } from "./style";
  * - 使用 framer-motion 提供平滑的动画效果
  * - 水印状态下，当 Tooltip 未打开时显示禁用图标
  */ var AILabelComponent = /*#__PURE__*/ React.forwardRef(function(props, ref) {
-    var status = props.status, offset = props.offset, tooltip = props.tooltip, className = props.className, style = props.style, rootStyle = props.rootStyle, children = props.children, restProps = _object_without_properties(props, [
+    var status = props.status, offset = props.offset, tooltip = props.tooltip, className = props.className, style = props.style, rootStyle = props.rootStyle, children = props.children, dataTestId = props['data-testid'], restProps = _object_without_properties(props, [
         "status",
         "offset",
         "tooltip",
         "className",
         "style",
         "rootStyle",
-        "children"
+        "children",
+        'data-testid'
     ]);
     var context = useContext(ConfigProvider.ConfigContext);
     var baseCls = context === null || context === void 0 ? void 0 : context.getPrefixCls(prefixCls);
@@ -234,6 +235,7 @@ import { prefixCls, useStyle } from "./style";
         ref: ref
     }, restProps), {
         className: badgeClassName,
+        "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : baseCls,
         style: rootStyle
     }), children, /*#__PURE__*/ React.createElement(Tooltip, _object_spread_props(_object_spread({}, tooltip), {
         onOpenChange: handleTooltipOpenChange

package/dist/AgentRunBar/Robot.js

@@ -69,7 +69,6 @@ import RobotIcon from "../Components/Robot";
     var icon = param.icon, _param_size = param.size, size = _param_size === void 0 ? 42 : _param_size, status = param.status, className = param.className, style = param.style;
     return /*#__PURE__*/ React.createElement("div", {
         className: classNames(className),
-        "data-testid": "robot",
         style: /*#__PURE__*/ React.isValidElement(icon) ? _object_spread({
             display: 'flex',
             flexDirection: 'column',

package/dist/AgentRunBar/index.js

@@ -282,6 +282,7 @@ export * from "./Robot";
     var _obj;
     return wrapSSR(/*#__PURE__*/ React.createElement(motion.div, {
         className: classNames(baseCls, hashId, className, "".concat(baseCls, "-").concat(variant), (_obj = {}, _define_property(_obj, "".concat(baseCls, "-with-description"), description), _define_property(_obj, "".concat(baseCls, "-status-").concat(robotStatus), robotStatus), _obj)),
+        "data-testid": baseCls,
         layout: "size",
         transition: {
             duration: 0.25,

package/dist/AgenticLayout/index.js

@@ -245,6 +245,7 @@ var AgenticLayoutComponent = function AgenticLayoutComponent(param) {
     ]);
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: classNames(prefixCls, className, hashId),
+        "data-testid": prefixCls,
         style: style
     }, /*#__PURE__*/ React.createElement("div", {
         className: "".concat(prefixCls, "-body ").concat(hashId),

package/dist/AnswerAlert/index.js

@@ -159,6 +159,7 @@ IconNode.displayName = 'IconNode';
     var alertCls = classNames(prefixCls, className, (_obj = {}, _define_property(_obj, "".concat(prefixCls, "-").concat(type), !!type), _define_property(_obj, "".concat(prefixCls, "-with-description"), !!description), _obj), hashId);
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: alertCls,
+        "data-testid": prefixCls,
         style: style
     }, /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefixCls, "-content"), hashId)

package/dist/BackTo/ScrollVisibleButton.d.ts

@@ -5,6 +5,8 @@ import { UseScrollVisibleProps } from './hooks/useScrollVisible';
  * ScrollVisibleButton 组件属性
  */
 export interface ScrollVisibleButtonProps extends Omit<React.DOMAttributes<HTMLButtonElement>, 'onClick'> {
+    /** 自动化测试用按钮标识，未设置时默认与主题前缀一致 */
+    'data-testid'?: string;
     /** 自定义类名 */
     className?: string;
     /** 自定义样式 */

package/dist/BackTo/ScrollVisibleButton.js

@@ -163,14 +163,15 @@ var EXIT_ANIMATION = {
     var _ref = [
         _0,
         _1
-    ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, style = _ref2.style, tmp = _ref2.shouldVisible, propsShouldVisible = tmp === void 0 ? DEFAULT_VISIBLE_THRESHOLD : tmp, target = _ref2.target, onClick = _ref2.onClick, tooltip = _ref2.tooltip, children = _ref2.children, rest = _object_without_properties(_ref2, [
+    ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, style = _ref2.style, tmp = _ref2.shouldVisible, propsShouldVisible = tmp === void 0 ? DEFAULT_VISIBLE_THRESHOLD : tmp, target = _ref2.target, onClick = _ref2.onClick, tooltip = _ref2.tooltip, children = _ref2.children, dataTestId = _ref2['data-testid'], rest = _object_without_properties(_ref2, [
         "className",
         "style",
         "shouldVisible",
         "target",
         "onClick",
         "tooltip",
-        "children"
+        "children",
+        'data-testid'
     ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
     var context = useContext(ConfigProvider.ConfigContext);
     var baseCls = context === null || context === void 0 ? void 0 : context.getPrefixCls(prefixCls);
@@ -193,6 +194,7 @@ var EXIT_ANIMATION = {
     var button = /*#__PURE__*/ React.createElement("button", _object_spread({
         ref: internalRef,
         className: classNames(baseCls, className, hashId),
+        "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : baseCls,
         style: style,
         type: "button",
         onClick: handleClick

package/dist/Bubble/AIBubble.js

@@ -272,14 +272,14 @@ var getTaskList = function getTaskList(originData) {
  * </AIBubble>
  * ```
  */ export var AIBubble = /*#__PURE__*/ memo(function(props) {
-    var _ref, _messageDisplayKeyRef_current, _props_readonly;
+    var _messageDisplayKeyRef_current, _props_readonly;
     var _props_originData, _props_originData1, _props_originData2, _props_originData3, _props_originData4, _props_originData5, _props_bubbleRenderConfig, _props_originData_fileMap, _props_originData6, _props_markdownRenderConfig, _props_bubbleRenderConfig1, _props_styles, _props_bubbleRenderConfig2, _bubbleRenderConfig_render;
     var onAvatarClick = props.onAvatarClick, className = props.className, style = props.style, bubbleRenderConfig = props.bubbleRenderConfig, classNames = props.classNames, styles = props.styles, originData = props.originData, preMessage = props.preMessage;
     var _React_useState = _sliced_to_array(React.useState(false), 2), hidePadding = _React_useState[0], setHidePadding = _React_useState[1];
     var messageDisplayKeyRef = useRef(null);
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var context = useContext(BubbleConfigContext);
-    var _ref1 = context || {}, compact = _ref1.compact, standalone = _ref1.standalone, extraShowOnHover = _ref1.extraShowOnHover;
+    var _ref = context || {}, compact = _ref.compact, standalone = _ref.standalone, extraShowOnHover = _ref.extraShowOnHover;
     var prefixClass = getPrefixCls('agentic');
     var _useStyle = useStyle(prefixClass), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     var preMessageSameRole = isSameRoleAsPrevious(preMessage, originData);
@@ -310,7 +310,10 @@ var getTaskList = function getTaskList(originData) {
             messageDisplayKeyRef.current = nanoid();
         }
     }
-    var messageDisplayKey = (_ref = (_messageDisplayKeyRef_current = messageDisplayKeyRef.current) !== null && _messageDisplayKeyRef_current !== void 0 ? _messageDisplayKeyRef_current : id) !== null && _ref !== void 0 ? _ref : nanoid();
+    if (!messageDisplayKeyRef.current && !id) {
+        messageDisplayKeyRef.current = nanoid();
+    }
+    var messageDisplayKey = (_messageDisplayKeyRef_current = messageDisplayKeyRef.current) !== null && _messageDisplayKeyRef_current !== void 0 ? _messageDisplayKeyRef_current : id;
     var rawContent = props === null || props === void 0 ? void 0 : (_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : _props_originData1.content;
     var _useMemo = useMemo(function() {
         return extractFilemapBlocks(typeof rawContent === 'string' ? rawContent : '');

package/dist/Bubble/List/PureBubbleList.js

@@ -177,11 +177,33 @@ export var PureBubbleList = /*#__PURE__*/ React.memo(function(props) {
     }, [
         bubbleList,
         props.style,
-        props.lazy
+        props.lazy,
+        bubbleListRef,
+        bubbleRenderConfig,
+        classNames,
+        props.bubbleRef,
+        markdownRenderConfig,
+        docListProps,
+        styles,
+        props.readonly,
+        onReply,
+        onDislike,
+        onDisLike,
+        onLike,
+        onLikeCancel,
+        onCancelLike,
+        onAvatarClick,
+        onDoubleClick,
+        shouldShowCopy,
+        shouldShowVoice,
+        userMeta,
+        assistantMeta,
+        deps
     ]);
     if (isLoading) {
         return wrapSSR(/*#__PURE__*/ React.createElement("div", {
             className: clsx(prefixClass, "".concat(prefixClass, "-loading"), className, hashId),
+            "data-testid": prefixClass,
             ref: bubbleListRef,
             style: {
                 padding: 24
@@ -192,6 +214,7 @@ export var PureBubbleList = /*#__PURE__*/ React.memo(function(props) {
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: clsx("".concat(prefixClass), className, hashId, (_obj = {}, _define_property(_obj, "".concat(prefixClass, "-readonly"), props.readonly), _define_property(_obj, "".concat(prefixClass, "-compact"), compact), _obj)),
         "data-chat-list": bubbleList.length,
+        "data-testid": prefixClass,
         style: style,
         ref: bubbleListRef,
         onScroll: onScroll,

package/dist/Bubble/List/index.js

@@ -154,12 +154,16 @@ import { useStyle } from "./style";
     ]);
     var prefixClass = getPrefixCls('agentic-bubble-list');
     var _useStyle = useStyle(prefixClass), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var prevStyleRef = useRef(props.style);
+    if (props.style !== prevStyleRef.current && !shallowEqualRecord(props.style || {}, prevStyleRef.current || {})) {
+        prevStyleRef.current = props.style;
+    }
     var deps = useMemo(function() {
         return [
-            props.style
+            prevStyleRef.current
         ];
     }, [
-        JSON.stringify(props.style)
+        prevStyleRef.current
     ]);
     // 为 loading 项生成唯一的 key，使用 ref 缓存以确保稳定性
     var loadingKeysRef = useRef(new Map());
@@ -224,11 +228,9 @@ import { useStyle } from "./style";
             var useLazyWrapper = !!isLazyEnabled && ((_ref = (_props_lazy = props.lazy) === null || _props_lazy === void 0 ? void 0 : (_props_lazy_shouldLazyLoad = _props_lazy.shouldLazyLoad) === null || _props_lazy_shouldLazyLoad === void 0 ? void 0 : _props_lazy_shouldLazyLoad.call(_props_lazy, index, totalCount)) !== null && _ref !== void 0 ? _ref : true);
             var bubbleElement = /*#__PURE__*/ React.createElement("div", {
                 key: itemKey,
-                style: useLazyWrapper ? {
+                style: {
                     minWidth: 0,
                     width: '100%'
-                } : {
-                    display: 'contents'
                 },
                 "data-bubble-list-item": true,
                 "data-is-last": isLast ? 'true' : 'false'

package/dist/Bubble/MessagesContent/BubbleExtra.js

@@ -448,7 +448,8 @@ import { VoiceButton } from "./VoiceButton";
         originalData === null || originalData === void 0 ? void 0 : originalData.isFinished,
         typing,
         feedbackLoading,
-        props.onLikeCancel || props.onCancelLike
+        props.onLikeCancel,
+        props.onCancelLike
     ]);
     var disLike = useMemo(function() {
         return shouldShowDisLike && !typing ? /*#__PURE__*/ React.createElement(ActionIconBox, {
@@ -698,7 +699,8 @@ import { VoiceButton } from "./VoiceButton";
         var _props_onRenderExtraNull;
         (_props_onRenderExtraNull = props.onRenderExtraNull) === null || _props_onRenderExtraNull === void 0 ? void 0 : _props_onRenderExtraNull.call(props, !dom && !reSend);
     }, [
-        dom
+        dom,
+        reSend
     ]);
     // 检查是否有任何内容需要渲染
     var hasLeftContent = typing && originalData.content !== '...' || reSend;

package/dist/Bubble/style.js

@@ -212,7 +212,6 @@ var genStyle = function genStyle(token, classNames) {
         }), _obj1),
         // 用户消息特定样式
         '&-bubble-user': {
-            marginBlockStart: -20,
             '&-avatar-title-user': {
                 flexDirection: 'row-reverse',
                 justifyContent: 'flex-end'

package/dist/ChatBootPage/ButtonTab.js

@@ -42,6 +42,7 @@ var ButtonTabComponent = function ButtonTabComponent(param) {
     return wrapSSR(/*#__PURE__*/ React.createElement("button", {
         type: "button",
         className: buttonClassName,
+        "data-testid": prefixCls,
         onClick: handleClick,
         onKeyDown: handleKeyDown,
         tabIndex: 0

package/dist/ChatBootPage/ButtonTabGroup.js

@@ -66,6 +66,7 @@ var ButtonTabGroupComponent = function ButtonTabGroupComponent(param) {
     ]);
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: "".concat(prefixCls, " ").concat(className || '', " ").concat(hashId),
+        "data-testid": prefixCls,
         role: "group",
         "aria-label": "Tab group"
     }, items.map(function(item) {

package/dist/ChatBootPage/CaseReply.js

@@ -74,6 +74,7 @@ var CaseReplyComponent = function CaseReplyComponent(param) {
     }, []);
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: containerCls,
+        "data-testid": prefixCls,
         style: style,
         onClick: onClick,
         onMouseEnter: handleMouseEnter,

package/dist/ChatBootPage/Title.js

@@ -15,6 +15,7 @@ var TitleComponent = function TitleComponent(param) {
     var subtitleCls = classNames("".concat(prefixCls, "-subtitle"), hashId);
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: classNames(prefixCls, hashId, className),
+        "data-testid": prefixCls,
         style: style
     }, title && /*#__PURE__*/ React.createElement("div", {
         className: mainCls

package/dist/ChatLayout/index.js

@@ -132,6 +132,7 @@ import { useStyle } from "./style";
     var footerBackgroundClassName = clsx("".concat(prefixCls, "-footer-background"), classNames === null || classNames === void 0 ? void 0 : classNames.footerBackground, hashId);
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: rootClassName,
+        "data-testid": prefixCls,
         style: _object_spread({}, styles === null || styles === void 0 ? void 0 : styles.root, style)
     }, header && /*#__PURE__*/ React.createElement(LayoutHeader, header), /*#__PURE__*/ React.createElement("div", {
         className: contentClassName,

package/dist/Components/ActionIconBox/index.js

@@ -356,11 +356,11 @@ import { useStyle } from "./style";
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
-                            e.preventDefault();
-                            e.stopPropagation();
                             if (!props.onClick) return [
                                 2
                             ];
+                            e.preventDefault();
+                            e.stopPropagation();
                             if (loading) return [
                                 2
                             ];
@@ -413,11 +413,11 @@ import { useStyle } from "./style";
                                 3,
                                 5
                             ];
-                            e.preventDefault();
-                            e.stopPropagation();
                             if (!props.onClick) return [
                                 2
                             ];
+                            e.preventDefault();
+                            e.stopPropagation();
                             if (loading) return [
                                 2
                             ];
@@ -482,11 +482,11 @@ import { useStyle } from "./style";
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
-                            e.preventDefault();
-                            e.stopPropagation();
                             if (!props.onClick) return [
                                 2
                             ];
+                            e.preventDefault();
+                            e.stopPropagation();
                             if (loading) return [
                                 2
                             ];
@@ -539,11 +539,11 @@ import { useStyle } from "./style";
                                 3,
                                 5
                             ];
-                            e.preventDefault();
-                            e.stopPropagation();
                             if (!props.onClick) return [
                                 2
                             ];
+                            e.preventDefault();
+                            e.stopPropagation();
                             if (loading) return [
                                 2
                             ];

package/dist/Components/ActionItemBox/ActionItemBox.js

@@ -42,6 +42,7 @@ export var ActionItemBox = function ActionItemBox(props) {
     }, []);
     var _obj, _obj1;
     return wrapSSR(/*#__PURE__*/ React.createElement(motion.div, {
+        "data-testid": basePrefixCls,
         initial: "hidden",
         animate: "visible",
         style: _object_spread({

package/dist/Components/Button/IconButton/index.js

@@ -26,6 +26,7 @@ export var IconButton = function IconButton(param) {
     var _obj;
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: rootCls,
+        "data-testid": prefixCls,
         style: style
     }, /*#__PURE__*/ React.createElement(Tooltip, {
         title: tooltip

package/dist/Components/Button/SwitchButton/index.js

@@ -240,6 +240,7 @@ export var SwitchButton = function SwitchButton(param) {
     };
     return wrapSSR(/*#__PURE__*/ React.createElement(Button, {
         disabled: disabled,
+        "data-testid": prefixCls,
         onClick: handleClick,
         className: rootCls,
         style: style,

package/dist/Components/Button/ToggleButton/index.js

@@ -24,6 +24,7 @@ export var ToggleButton = function ToggleButton(param) {
     var _obj;
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: classNames(rootCls, (_obj = {}, _define_property(_obj, "".concat(prefixCls, "-active"), active), _define_property(_obj, "".concat(prefixCls, "-disabled"), disabled), _obj)),
+        "data-testid": prefixCls,
         style: style
     }, /*#__PURE__*/ React.createElement(ConfigProvider, {
         wave: {

package/dist/Components/GradientText/index.js

@@ -19,6 +19,7 @@ export function GradientText(param) {
     };
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: classNames(prefixCls, hashId, className),
+        "data-testid": prefixCls,
         style: style
     }, /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefixCls, "-text-content"), hashId),

package/dist/Components/LayoutHeader/index.js

@@ -131,7 +131,8 @@ import { useLayoutHeaderStyle } from "./style";
         onShare === null || onShare === void 0 ? void 0 : onShare();
     };
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
-        className: classNames(prefixCls, hashId, className)
+        className: classNames(prefixCls, hashId, className),
+        "data-testid": prefixCls
     }, /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefixCls, "-left"), hashId)
     }, leftCollapsible && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(ActionIconBox, {

package/dist/Components/Loading/Loading.js

@@ -82,6 +82,7 @@ import { prefixCls, useStyle } from "./style";
     var _obj;
     var loadingElement = /*#__PURE__*/ React.createElement("div", {
         className: classNames(baseCls, hashId, className, (_obj = {}, _define_property(_obj, "".concat(baseCls, "-with-tip"), !!tip), _define_property(_obj, "".concat(baseCls, "-with-children"), isNestedPattern), _obj)),
+        "data-testid": baseCls,
         style: _object_spread({
             fontSize: mergedSize
         }, styles === null || styles === void 0 ? void 0 : styles.root, style)
@@ -94,6 +95,7 @@ import { prefixCls, useStyle } from "./style";
     if (isNestedPattern) {
         return wrapSSR(/*#__PURE__*/ React.createElement("div", {
             className: classNames("".concat(baseCls, "-nested-pattern"), hashId, wrapperClassName, spinning && "".concat(baseCls, "-spinning")),
+            "data-testid": "".concat(baseCls, "-nested-pattern"),
             style: styles === null || styles === void 0 ? void 0 : styles.wrapper
         }, spinning ? loadingElement : null, /*#__PURE__*/ React.createElement("div", {
             className: classNames("".concat(baseCls, "-container"), hashId)

package/dist/Components/Robot/index.js

@@ -72,6 +72,7 @@ export * from "./lotties/PeekLottie";
     var icon = param.icon, _param_size = param.size, size = _param_size === void 0 ? 42 : _param_size, status = param.status, className = param.className, style = param.style;
     return /*#__PURE__*/ React.createElement("div", {
         className: classNames(className),
+        "data-testid": "robot",
         style: /*#__PURE__*/ React.isValidElement(icon) ? _object_spread({
             display: 'flex',
             flexDirection: 'column',

package/dist/Components/SuggestionList/index.js

@@ -260,6 +260,7 @@ export var SuggestionList = function SuggestionList(param) {
     var rootCls = classNames(prefixCls, className, hashId, "".concat(prefixCls, "-").concat(layout), "".concat(prefixCls, "-").concat(type));
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: rootCls,
+        "data-testid": prefixCls,
         style: style,
         role: "group",
         "aria-label": (locale === null || locale === void 0 ? void 0 : locale['suggestion.area']) || '追问区域'

package/dist/Components/TextAnimate/index.js

@@ -523,6 +523,7 @@ var TextAnimateBase = function TextAnimateBase(_0) {
         animate: startOnView ? undefined : 'show',
         exit: "exit",
         className: classNames(prefixCls, hashId, className),
+        "data-testid": prefixCls,
         viewport: {
             once: once
         },

package/dist/Components/TypingAnimation/index.js

@@ -229,7 +229,8 @@ var TypingAnimationBase = function TypingAnimationBase(_0) {
     };
     return wrapSSR(/*#__PURE__*/ React.createElement(MotionComponent, _object_spread({
         ref: elementRef,
-        className: classNames(prefixCls, hashId, className)
+        className: classNames(prefixCls, hashId, className),
+        "data-testid": prefixCls
     }, props), displayedText, shouldShowCursor && /*#__PURE__*/ React.createElement("span", {
         className: classNames("".concat(prefixCls, "-cursor"), hashId, blinkCursor && "".concat(prefixCls, "-cursor-blinking"))
     }, getCursorChar())));

package/dist/Components/VisualList/index.js

@@ -250,6 +250,7 @@ import { useStyle } from "./style";
     if (loading) {
         return wrapSSR(/*#__PURE__*/ React.createElement("ul", {
             className: classNames(prefixCls, "".concat(prefixCls, "-loading"), hashId, className),
+            "data-testid": "".concat(prefixCls, "-loading"),
             style: style
         }, loadingRender ? loadingRender() : /*#__PURE__*/ React.createElement("span", null, "加载中...")));
     }
@@ -257,11 +258,13 @@ import { useStyle } from "./style";
     if (displayList.length === 0) {
         return wrapSSR(/*#__PURE__*/ React.createElement("ul", {
             className: classNames(prefixCls, "".concat(prefixCls, "-empty"), hashId, className),
+            "data-testid": "".concat(prefixCls, "-empty"),
             style: style
         }, emptyRender ? emptyRender() : /*#__PURE__*/ React.createElement("span", null, "暂无数据")));
     }
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: containerClassName,
+        "data-testid": prefixCls,
         style: style
     }, /*#__PURE__*/ React.createElement("ul", {
         className: classNames(prefixCls, hashId)

package/dist/Components/lotties/ThreeThinkingLottie/index.d.ts

@@ -0,0 +1,68 @@
+import React from 'react';
+export interface ThreeThinkingLottieProps {
+    /**
+     * 是否自动播放动画
+     * @default true
+     */
+    autoplay?: boolean;
+    /**
+     * 是否循环播放动画
+     * @default true
+     */
+    loop?: boolean;
+    /**
+     * 动画容器类名
+     */
+    className?: string;
+    /**
+     * 动画容器样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 动画尺寸
+     * @default 32
+     */
+    size?: number;
+    /**
+     * 加载占位符
+     */
+    fallback?: React.ReactNode;
+}
+/**
+ * ThreeThinkingLottie 组件 - 支持按需加载的思考动画组件
+ *
+ * 该组件使用动态 import 实现 lottie JSON 文件的按需加载，
+ * 避免将动画数据打包进主包，减少首屏加载体积。
+ *
+ * @component
+ * @description 支持按需加载的 Lottie 思考动画组件
+ * @param {ThreeThinkingLottieProps} props - 组件属性
+ * @param {boolean} [props.autoplay=true] - 是否自动播放动画
+ * @param {boolean} [props.loop=true] - 是否循环播放动画
+ * @param {string} [props.className] - 动画容器类名
+ * @param {React.CSSProperties} [props.style] - 动画容器样式
+ * @param {number} [props.size=32] - 动画尺寸
+ * @param {React.ReactNode} [props.fallback] - 加载占位符
+ *
+ * @example
+ * ```tsx
+ * // 基础用法
+ * <ThreeThinkingLottie />
+ *
+ * // 自定义尺寸
+ * <ThreeThinkingLottie size={48} />
+ *
+ * // 自定义加载占位符
+ * <ThreeThinkingLottie fallback={<Spin />} />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的 Lottie 思考动画组件
+ *
+ * @remarks
+ * - 使用动态 import 按需加载 lottie JSON 文件
+ * - 减少首屏加载体积
+ * - 支持自定义加载占位符
+ * - 支持自定义尺寸和样式
+ */
+export declare const ThreeThinkingLottie: React.FC<ThreeThinkingLottieProps>;
+export default ThreeThinkingLottie;