@ant-design/agentic-ui 2.30.31 → 2.31.0

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

@@ -27,8 +27,8 @@ function _object_spread(target) {
     return target;
 }
 import Lottie from "lottie-react";
-import React from "react";
-import loadingLottie from "./loading.json";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../useAsyncLottieData";
 /**
  * 加载动画组件
  *
@@ -67,6 +67,12 @@ import loadingLottie from "./loading.json";
  * @returns 渲染的加载动画组件
  */ export var LoadingLottie = function LoadingLottie(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("./loading.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -74,12 +80,19 @@ import loadingLottie from "./loading.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: loadingLottie,
+        animationData: animationData,
         loop: loop,
         autoplay: autoplay
     });

package/dist/Components/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 "../useAsyncLottieData";
 /**
  * ThinkingLottie 组件 - Lottie眨眼跑+追星星动画组件
  *
@@ -64,6 +64,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, size = param.size;
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./thinking.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
     var containerStyle = _object_spread({
         width: size,
         height: size,
@@ -71,11 +77,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/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,103 @@
+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 _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;
+}
+import Lottie from "lottie-react";
+import React, { useMemo } from "react";
+import { useAsyncLottieData } from "../useAsyncLottieData";
+/**
+ * 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 loadJson = useMemo(function() {
+        return function() {
+            return import("./three-thinking.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    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;

package/dist/Components/lotties/ThreeThinkingLottie/three-thinking.json

@@ -0,0 +1,130 @@
+{
+  "v": "5.7.4",
+  "fr": 30,
+  "ip": 0,
+  "op": 60,
+  "w": 32,
+  "h": 32,
+  "nm": "ThreeThinking",
+  "ddd": 0,
+  "assets": [],
+  "layers": [
+    {
+      "ddd": 0,
+      "ind": 1,
+      "ty": 4,
+      "nm": "Thinking Dot 1",
+      "sr": 1,
+      "ks": {
+        "o": { "a": 0, "k": 100 },
+        "r": { "a": 0, "k": 0 },
+        "p": { "a": 0, "k": [10, 16, 0] },
+        "a": { "a": 0, "k": [0, 0, 0] },
+        "s": {
+          "a": 1,
+          "k": [
+            { "t": 0, "s": [100, 100, 100], "e": [60, 60, 100] },
+            { "t": 15, "s": [60, 60, 100], "e": [100, 100, 100] },
+            { "t": 30, "s": [100, 100, 100] }
+          ]
+        }
+      },
+      "ao": 0,
+      "shapes": [
+        {
+          "ty": "el",
+          "d": 1,
+          "s": { "a": 0, "k": [6, 6] },
+          "p": { "a": 0, "k": [0, 0] }
+        },
+        {
+          "ty": "fl",
+          "c": { "a": 0, "k": [0.09, 0.47, 1, 1] },
+          "o": { "a": 0, "k": 100 }
+        }
+      ],
+      "ip": 0,
+      "op": 60,
+      "st": 0
+    },
+    {
+      "ddd": 0,
+      "ind": 2,
+      "ty": 4,
+      "nm": "Thinking Dot 2",
+      "sr": 1,
+      "ks": {
+        "o": { "a": 0, "k": 100 },
+        "r": { "a": 0, "k": 0 },
+        "p": { "a": 0, "k": [16, 16, 0] },
+        "a": { "a": 0, "k": [0, 0, 0] },
+        "s": {
+          "a": 1,
+          "k": [
+            { "t": 0, "s": [100, 100, 100], "e": [60, 60, 100] },
+            { "t": 10, "s": [60, 60, 100], "e": [100, 100, 100] },
+            { "t": 20, "s": [100, 100, 100], "e": [60, 60, 100] },
+            { "t": 30, "s": [60, 60, 100], "e": [100, 100, 100] },
+            { "t": 40, "s": [100, 100, 100] }
+          ]
+        }
+      },
+      "ao": 0,
+      "shapes": [
+        {
+          "ty": "el",
+          "d": 1,
+          "s": { "a": 0, "k": [6, 6] },
+          "p": { "a": 0, "k": [0, 0] }
+        },
+        {
+          "ty": "fl",
+          "c": { "a": 0, "k": [0.09, 0.47, 1, 1] },
+          "o": { "a": 0, "k": 100 }
+        }
+      ],
+      "ip": 0,
+      "op": 60,
+      "st": 0
+    },
+    {
+      "ddd": 0,
+      "ind": 3,
+      "ty": 4,
+      "nm": "Thinking Dot 3",
+      "sr": 1,
+      "ks": {
+        "o": { "a": 0, "k": 100 },
+        "r": { "a": 0, "k": 0 },
+        "p": { "a": 0, "k": [22, 16, 0] },
+        "a": { "a": 0, "k": [0, 0, 0] },
+        "s": {
+          "a": 1,
+          "k": [
+            { "t": 0, "s": [60, 60, 100], "e": [100, 100, 100] },
+            { "t": 15, "s": [100, 100, 100], "e": [60, 60, 100] },
+            { "t": 30, "s": [60, 60, 100] }
+          ]
+        }
+      },
+      "ao": 0,
+      "shapes": [
+        {
+          "ty": "el",
+          "d": 1,
+          "s": { "a": 0, "k": [6, 6] },
+          "p": { "a": 0, "k": [0, 0] }
+        },
+        {
+          "ty": "fl",
+          "c": { "a": 0, "k": [0.09, 0.47, 1, 1] },
+          "o": { "a": 0, "k": 100 }
+        }
+      ],
+      "ip": 0,
+      "op": 60,
+      "st": 0
+    }
+  ],
+  "markers": []
+}

package/dist/Components/lotties/bubble-actions/Copy/index.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import React from "react";
+import React, { useMemo } from "react";
 import AbstractLottie from "../Abstract";
-import copyAnimation from "./lottie.json";
+import { useAsyncLottieData } from "../../useAsyncLottieData";
 /**
  * 复制操作动画组件
  *
@@ -92,8 +92,17 @@ import copyAnimation from "./lottie.json";
  * @param props.size - 动画尺寸（宽度和高度），默认为 '1em'
  * @returns 渲染的复制操作动画组件
  */ export var CopyLottie = function CopyLottie(props) {
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    if (animationData === null) {
+        return null;
+    }
     return /*#__PURE__*/ React.createElement(AbstractLottie, _object_spread_props(_object_spread({}, props), {
-        animationData: copyAnimation
+        animationData: animationData
     }));
 };
 export default CopyLottie;

package/dist/Components/lotties/bubble-actions/Dislike/index.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import React from "react";
+import React, { useMemo } from "react";
 import AbstractLottie from "../Abstract";
-import unlikeAnimation from "./lottie.json";
+import { useAsyncLottieData } from "../../useAsyncLottieData";
 /**
  * 取消点赞操作动画组件
  *
@@ -92,8 +92,17 @@ import unlikeAnimation from "./lottie.json";
  * @param props.size - 动画尺寸（宽度和高度），默认为 '1em'
  * @returns 渲染的取消点赞操作动画组件
  */ export var DislikeLottie = function DislikeLottie(props) {
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    if (animationData === null) {
+        return null;
+    }
     return /*#__PURE__*/ React.createElement(AbstractLottie, _object_spread_props(_object_spread({}, props), {
-        animationData: unlikeAnimation
+        animationData: animationData
     }));
 };
 export default DislikeLottie;

package/dist/Components/lotties/bubble-actions/Like/index.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import React from "react";
+import React, { useMemo } from "react";
 import AbstractLottie from "../Abstract";
-import likeAnimation from "./lottie.json";
+import { useAsyncLottieData } from "../../useAsyncLottieData";
 /**
  * 点赞操作动画组件
  *
@@ -92,8 +92,17 @@ import likeAnimation from "./lottie.json";
  * @param props.size - 动画尺寸（宽度和高度），默认为 '1em'
  * @returns 渲染的点赞操作动画组件
  */ export var LikeLottie = function LikeLottie(props) {
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    if (animationData === null) {
+        return null;
+    }
     return /*#__PURE__*/ React.createElement(AbstractLottie, _object_spread_props(_object_spread({}, props), {
-        animationData: likeAnimation
+        animationData: animationData
     }));
 };
 export default LikeLottie;

package/dist/Components/lotties/bubble-actions/More/index.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import React from "react";
+import React, { useMemo } from "react";
 import AbstractLottie from "../Abstract";
-import moreAnimation from "./lottie.json";
+import { useAsyncLottieData } from "../../useAsyncLottieData";
 /**
  * 更多操作动画组件
  *
@@ -92,8 +92,17 @@ import moreAnimation from "./lottie.json";
  * @param props.size - 动画尺寸（宽度和高度），默认为 '1em'
  * @returns 渲染的更多操作动画组件
  */ export var MoreLottie = function MoreLottie(props) {
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    if (animationData === null) {
+        return null;
+    }
     return /*#__PURE__*/ React.createElement(AbstractLottie, _object_spread_props(_object_spread({}, props), {
-        animationData: moreAnimation
+        animationData: animationData
     }));
 };
 export default MoreLottie;

package/dist/Components/lotties/bubble-actions/Play/index.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import React from "react";
+import React, { useMemo } from "react";
 import AbstractLottie from "../Abstract";
-import playAnimation from "./lottie.json";
+import { useAsyncLottieData } from "../../useAsyncLottieData";
 /**
  * 播放操作动画组件
  *
@@ -92,8 +92,17 @@ import playAnimation from "./lottie.json";
  * @param props.size - 动画尺寸（宽度和高度），默认为 '1em'
  * @returns 渲染的播放操作动画组件
  */ export var PlayLottie = function PlayLottie(props) {
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    if (animationData === null) {
+        return null;
+    }
     return /*#__PURE__*/ React.createElement(AbstractLottie, _object_spread_props(_object_spread({}, props), {
-        animationData: playAnimation
+        animationData: animationData
     }));
 };
 export default PlayLottie;

package/dist/Components/lotties/bubble-actions/Quote/index.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import React from "react";
+import React, { useMemo } from "react";
 import AbstractLottie from "../Abstract";
-import quoteAnimation from "./lottie.json";
+import { useAsyncLottieData } from "../../useAsyncLottieData";
 /**
  * 引用操作动画组件
  *
@@ -92,8 +92,17 @@ import quoteAnimation from "./lottie.json";
  * @param props.size - 动画尺寸（宽度和高度），默认为 '1em'
  * @returns 渲染的引用操作动画组件
  */ export var QuoteLottie = function QuoteLottie(props) {
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    if (animationData === null) {
+        return null;
+    }
     return /*#__PURE__*/ React.createElement(AbstractLottie, _object_spread_props(_object_spread({}, props), {
-        animationData: quoteAnimation
+        animationData: animationData
     }));
 };
 export default QuoteLottie;

package/dist/Components/lotties/bubble-actions/Refresh/index.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import React from "react";
+import React, { useMemo } from "react";
 import AbstractLottie from "../Abstract";
-import refreshAnimation from "./lottie.json";
+import { useAsyncLottieData } from "../../useAsyncLottieData";
 /**
  * 刷新操作动画组件
  *
@@ -92,8 +92,17 @@ import refreshAnimation from "./lottie.json";
  * @param props.size - 动画尺寸（宽度和高度），默认为 '1em'
  * @returns 渲染的刷新操作动画组件
  */ export var RefreshLottie = function RefreshLottie(props) {
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    if (animationData === null) {
+        return null;
+    }
     return /*#__PURE__*/ React.createElement(AbstractLottie, _object_spread_props(_object_spread({}, props), {
-        animationData: refreshAnimation
+        animationData: animationData
     }));
 };
 export default RefreshLottie;

package/dist/Components/lotties/bubble-actions/Share/index.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import React from "react";
+import React, { useMemo } from "react";
 import AbstractLottie from "../Abstract";
-import shareAnimation from "./lottie.json";
+import { useAsyncLottieData } from "../../useAsyncLottieData";
 /**
  * 分享操作动画组件
  *
@@ -92,8 +92,17 @@ import shareAnimation from "./lottie.json";
  * @param props.size - 动画尺寸（宽度和高度），默认为 '1em'
  * @returns 渲染的分享操作动画组件
  */ export var ShareLottie = function ShareLottie(props) {
+    var loadJson = useMemo(function() {
+        return function() {
+            return import("./lottie.json");
+        };
+    }, []);
+    var animationData = useAsyncLottieData(loadJson);
+    if (animationData === null) {
+        return null;
+    }
     return /*#__PURE__*/ React.createElement(AbstractLottie, _object_spread_props(_object_spread({}, props), {
-        animationData: shareAnimation
+        animationData: animationData
     }));
 };
 export default ShareLottie;

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

@@ -1,6 +1,8 @@
 export * from './bubble-actions';
+export * from './useAsyncLottieData';
 export * from './CreativeSparkLottie';
 export * from './DazingLottie';
 export * from './LoadingLottie';
 export * from './TextLoading';
 export * from './ThinkingLottie';
+export * from './ThreeThinkingLottie';

package/dist/Components/lotties/index.js

@@ -1,6 +1,8 @@
 export * from "./bubble-actions";
+export * from "./useAsyncLottieData";
 export * from "./CreativeSparkLottie";
 export * from "./DazingLottie";
 export * from "./LoadingLottie";
 export * from "./TextLoading";
 export * from "./ThinkingLottie";
+export * from "./ThreeThinkingLottie";

package/dist/Components/lotties/useAsyncLottieData.d.ts

@@ -0,0 +1,9 @@
+type LottieJsonModule = {
+    default?: unknown;
+} | unknown;
+/**
+ * 通过动态 import 异步加载 Lottie JSON，避免与主包同步打包。
+ * @param load 稳定引用，例如 `useMemo(() => () => import('./x.json'), [])`
+ */
+export declare const useAsyncLottieData: (load: () => Promise<LottieJsonModule>) => unknown | null;
+export {};