@ant-design/agentic-ui 2.30.31 → 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/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/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;

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

@@ -0,0 +1,151 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import Lottie from "lottie-react";
+import React, { useEffect, useState } from "react";
+/**
+ * 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 var ThreeThinkingLottie = function ThreeThinkingLottie(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, fallback = param.fallback;
+    var _useState = _sliced_to_array(useState(null), 2), animationData = _useState[0], setAnimationData = _useState[1];
+    useEffect(function() {
+        // 动态加载 lottie JSON 文件
+        import("./three-thinking.json").then(function(data) {
+            setAnimationData(data.default || data);
+        }).catch(function(error) {
+            console.error('Failed to load ThreeThinkingLottie animation:', error);
+        });
+    }, []);
+    var containerStyle = _object_spread({
+        width: size,
+        height: size,
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center'
+    }, style);
+    // 默认占位符
+    var defaultFallback = /*#__PURE__*/ React.createElement("div", {
+        style: containerStyle,
+        className: className
+    }, /*#__PURE__*/ React.createElement("span", {
+        style: {
+            opacity: 0.3
+        }
+    }, "..."));
+    if (!animationData) {
+        return fallback !== undefined ? /*#__PURE__*/ React.createElement(React.Fragment, null, fallback) : defaultFallback;
+    }
+    return /*#__PURE__*/ React.createElement(Lottie, {
+        style: containerStyle,
+        className: className,
+        "aria-hidden": "true",
+        animationData: animationData,
+        loop: loop,
+        autoplay: autoplay
+    });
+};
+export default ThreeThinkingLottie;