@ant-design/agentic-ui 2.30.31 → 2.31.0

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/List/PureBubbleList.js

@@ -203,6 +203,7 @@ export var PureBubbleList = /*#__PURE__*/ React.memo(function(props) {
     if (isLoading) {
         return wrapSSR(/*#__PURE__*/ React.createElement("div", {
             className: clsx(prefixClass, "".concat(prefixClass, "-loading"), className, hashId),
+            "data-testid": prefixClass,
             ref: bubbleListRef,
             style: {
                 padding: 24
@@ -213,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/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/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/Robot/lotties/BlowingWindLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import lottieData from "./lottie.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../../../lotties/useAsyncLottieData";
 /**
  * BlowingWindLottie 组件 - Lottie清风拂面动画组件
  *
@@ -63,6 +63,12 @@ import lottieData from "./lottie.json";
  * - 支持自定义样式
  */ export var BlowingWindLottie = function BlowingWindLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, _param_size = param.size, size = _param_size === void 0 ? 32 : _param_size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -70,11 +76,18 @@ import lottieData from "./lottie.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
         "aria-hidden": "true",
-        animationData: lottieData,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

package/dist/Components/Robot/lotties/BouncingLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import lottieData from "./lottie.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../../../lotties/useAsyncLottieData";
 /**
  * BouncingLottie 组件 - Lottie弹跳动画组件
  *
@@ -63,6 +63,12 @@ import lottieData from "./lottie.json";
  * - 支持自定义样式
  */ export var BouncingLottie = function BouncingLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, _param_size = param.size, size = _param_size === void 0 ? 32 : _param_size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -70,11 +76,18 @@ import lottieData from "./lottie.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
         "aria-hidden": "true",
-        animationData: lottieData,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

package/dist/Components/Robot/lotties/DazingLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import dazingLottie from "./dazing.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../../../lotties/useAsyncLottieData";
 /**
  * DazingLottie 组件 - Lottie呼吸+眨眼睛动画组件
  *
@@ -63,6 +63,12 @@ import dazingLottie from "./dazing.json";
  * - 支持自定义样式
  */ export var DazingLottie = function DazingLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, _param_size = param.size, size = _param_size === void 0 ? 32 : _param_size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./dazing.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -70,11 +76,18 @@ import dazingLottie from "./dazing.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
         "aria-hidden": "true",
-        animationData: dazingLottie,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

package/dist/Components/Robot/lotties/PeekLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import lottieData from "./lottie.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../../../lotties/useAsyncLottieData";
 /**
  * PeekLottie 组件 - Lottie探头动画组件
  *
@@ -63,6 +63,12 @@ import lottieData from "./lottie.json";
  * - 支持自定义样式
  */ export var PeekLottie = function PeekLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, _param_size = param.size, size = _param_size === void 0 ? 32 : _param_size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -70,11 +76,18 @@ import lottieData from "./lottie.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
         "aria-hidden": "true",
-        animationData: lottieData,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

package/dist/Components/Robot/lotties/ThinkingLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import thinkingLottie from "./thinking.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../../../lotties/useAsyncLottieData";
 /**
  * ThinkingLottie 组件 - Lottie眨眼跑+追星星动画组件
  *
@@ -63,6 +63,12 @@ import thinkingLottie from "./thinking.json";
  * - 支持自定义样式
  */ export var ThinkingLottie = function ThinkingLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, _param_size = param.size, size = _param_size === void 0 ? 32 : _param_size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./thinking.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -70,11 +76,18 @@ import thinkingLottie from "./thinking.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
         "aria-hidden": "true",
-        animationData: thinkingLottie,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

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/CreativeSparkLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import creativeSpark from "./creativeSpark.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../useAsyncLottieData";
 /**
  * 创意生成中火花组件
  *
@@ -67,6 +67,12 @@ import creativeSpark from "./creativeSpark.json";
  * @returns 渲染的创意生成中火花组件
  */ export var CreativeSparkLottie = function CreativeSparkLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, size = param.size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./creativeSpark.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -74,12 +80,19 @@ import creativeSpark from "./creativeSpark.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
         "data-testid": "lottie-animation",
         "aria-hidden": "true",
-        animationData: creativeSpark,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

package/dist/Components/lotties/DazingLottie/index.js

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import dazingLottie from "./dazing.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../useAsyncLottieData";
 /**
  * DazingLottie 组件 - Lottie呼吸+眨眼睛动画组件
  *
@@ -64,6 +64,12 @@ import dazingLottie from "./dazing.json";
  * - 提供默认的加载动画
  */ export var DazingLottie = function DazingLottie(param) {
     var _param_autoplay = param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_loop = param.loop, loop = _param_loop === void 0 ? true : _param_loop, className = param.className, style = param.style, size = param.size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./dazing.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -71,11 +77,18 @@ import dazingLottie from "./dazing.json";
         justifyContent: 'center',
         alignItems: 'center'
     }, style);
+    if (animationData === null) {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: containerStyle,
+            className: className,
+            "aria-hidden": true
+        });
+    }
     return /*#__PURE__*/ React.createElement(Lottie, {
         style: containerStyle,
         className: className,
         "aria-hidden": "true",
-        animationData: dazingLottie,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });