@ant-design/agentic-ui 2.8.0 → 2.10.0

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

@@ -1,53 +1,87 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+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 a;
-};
-
-// src/Components/lotties/LoadingLottie/index.tsx
+    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 from "react";
 import loadingLottie from "./loading.json";
-var LoadingLottie = ({
-  autoplay = true,
-  loop = true,
-  className,
-  style,
-  size
-}) => {
-  const containerStyle = __spreadValues({
-    width: size,
-    height: size,
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center"
-  }, style);
-  return /* @__PURE__ */ React.createElement(
-    Lottie,
-    {
-      style: containerStyle,
-      className,
-      "data-testid": "lottie-animation",
-      "aria-hidden": "true",
-      animationData: loadingLottie,
-      loop,
-      autoplay
-    }
-  );
-};
-var LoadingLottie_default = LoadingLottie;
-export {
-  LoadingLottie,
-  LoadingLottie_default as default
+/**
+ * 加载动画组件
+ *
+ * 使用 Lottie 动画展示加载状态的组件，支持自定义尺寸、样式和播放行为。
+ *
+ * @component
+ * @example
+ * // 基础用法
+ * <LoadingLottie />
+ *
+ * @example
+ * // 自定义尺寸
+ * <LoadingLottie size={64} />
+ *
+ * @example
+ * // 自定义样式
+ * <LoadingLottie
+ *   size={80}
+ *   style={{ margin: '20px' }}
+ *   className="custom-loading"
+ * />
+ *
+ * @example
+ * // 控制播放行为
+ * <LoadingLottie
+ *   autoplay={false}
+ *   loop={false}
+ * />
+ *
+ * @param props - 组件属性
+ * @param props.autoplay - 是否自动播放动画，默认为 true
+ * @param props.loop - 是否循环播放动画，默认为 true
+ * @param props.className - 动画容器类名
+ * @param props.style - 动画容器自定义样式
+ * @param props.size - 动画尺寸（宽度和高度）
+ * @returns 渲染的加载动画组件
+ */ export var LoadingLottie = function(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 containerStyle = _object_spread({
+        width: size,
+        height: size,
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center'
+    }, style);
+    return /*#__PURE__*/ React.createElement(Lottie, {
+        style: containerStyle,
+        className: className,
+        "data-testid": "lottie-animation",
+        "aria-hidden": "true",
+        animationData: loadingLottie,
+        loop: loop,
+        autoplay: autoplay
+    });
 };
+export default LoadingLottie;

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

@@ -1,60 +1,84 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+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 a;
-};
-
-// src/Components/lotties/TextLoading/index.tsx
+    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 { ConfigProvider } from "antd";
 import cx from "classnames";
 import React, { useContext } from "react";
 import { useStyle } from "./style";
-var TextLoading = ({
-  text = "Loading...",
-  disabled = false,
-  theme = "light",
-  className,
-  style,
-  fontSize
-}) => {
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("agentic-text-loading");
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  const containerStyle = __spreadValues({
-    fontSize
-  }, style);
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: cx(prefixCls, hashId, className, {
-          [`${prefixCls}-disabled`]: disabled,
-          [`${prefixCls}-dark`]: theme === "dark",
-          [`${prefixCls}-light`]: theme === "light"
-        }),
+/**
+ * 文字加载组件
+ *
+ * 使用CSS动画展示闪光文字效果的加载状态组件，支持自定义文本、样式和动画开关。
+ *
+ * @component
+ * @example
+ * // 基础用法
+ * <TextLoading />
+ *
+ * @example
+ * // 自定义文本
+ * <TextLoading text="加载中..." />
+ *
+ * @example
+ * // 自定义样式
+ * <TextLoading
+ *   text="正在处理"
+ *   fontSize="20px"
+ *   style={{ margin: '20px' }}
+ * />
+ *
+ * @example
+ * // 禁用动画
+ * <TextLoading disabled={true} />
+ *
+ * @param props - 组件属性
+ * @param props.text - 要显示的文本内容，默认为 "Loading..."
+ * @param props.disabled - 是否禁用闪光动画，默认为 false
+ * @param props.className - 容器类名
+ * @param props.style - 容器自定义样式
+ * @param props.fontSize - 字体大小
+ * @returns 渲染的文字加载组件
+ */ export var TextLoading = function(param) {
+    var _param_text = param.text, text = _param_text === void 0 ? 'Loading...' : _param_text, _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_theme = param.theme, theme = _param_theme === void 0 ? 'light' : _param_theme, className = param.className, style = param.style, fontSize = param.fontSize;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var prefixCls = getPrefixCls('agentic-text-loading');
+    var _useStyle = useStyle(prefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var containerStyle = _object_spread({
+        fontSize: fontSize
+    }, style);
+    var _obj;
+    return wrapSSR(/*#__PURE__*/ React.createElement("span", {
+        className: cx(prefixCls, hashId, className, (_obj = {}, _define_property(_obj, "".concat(prefixCls, "-disabled"), disabled), _define_property(_obj, "".concat(prefixCls, "-dark"), theme === 'dark'), _define_property(_obj, "".concat(prefixCls, "-light"), theme === 'light'), _obj)),
         style: containerStyle,
         "data-testid": "text-loading",
         "aria-label": text,
         role: "status",
         "aria-live": "polite"
-      },
-      text
-    )
-  );
-};
-var TextLoading_default = TextLoading;
-export {
-  TextLoading,
-  TextLoading_default as default
+    }, text));
 };
+export default TextLoading;

package/dist/Components/lotties/TextLoading/style.js

@@ -1,84 +1,101 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+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 a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/Components/lotties/TextLoading/style.ts
+    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;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 import { Keyframes } from "@ant-design/cssinjs";
-import {
-  useEditorStyleRegister
-} from "../../../Hooks/useStyle";
-var shine = new Keyframes("shine", {
-  "0%": {
-    backgroundPosition: "100%"
-  },
-  "100%": {
-    backgroundPosition: "-100%"
-  }
-});
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      display: "inline-block",
-      animationName: shine,
-      animationDuration: "1.2s",
-      animationTimingFunction: "linear",
-      animationIterationCount: "infinite",
-      // 亮色主题：深色文字 + 亮色光泽（适用于白色背景）
-      "&-light": {
-        color: "#00000066",
-        backgroundImage: `linear-gradient(
-          120deg,
-          rgba(255, 255, 255, 0.8) 40%,
-          rgba(15, 14, 14, 0.8) 50%,
-          rgba(255, 255, 255, 0.8) 60%
-        )`,
-        backgroundSize: "200% 100%",
-        WebkitBackgroundClip: "text",
-        backgroundClip: "text"
-      },
-      // 暗色主题：浅色文字 + 深色光泽（适用于黑色背景）
-      "&-dark": {
-        color: "#ffffff40",
-        backgroundImage: `linear-gradient(
-          120deg,
-          rgba(255, 255, 255, 0) 40%,
-          rgba(255, 255, 255, 0.8) 50%,
-          rgba(255, 255, 255, 0) 60%
-        )`,
-        backgroundSize: "200% 100%",
-        WebkitBackgroundClip: "text",
-        backgroundClip: "text"
-      },
-      "&-disabled": {
-        animationName: "none"
-      }
+import { useEditorStyleRegister } from "../../../Hooks/useStyle";
+// 定义闪光动画
+var shine = new Keyframes('shine', {
+    '0%': {
+        backgroundPosition: '100%'
+    },
+    '100%': {
+        backgroundPosition: '-100%'
     }
-  };
+});
+var genStyle = function(token) {
+    return _define_property({}, token.componentCls, {
+        display: 'inline-block',
+        animationName: shine,
+        animationDuration: '1.2s',
+        animationTimingFunction: 'linear',
+        animationIterationCount: 'infinite',
+        // 亮色主题：深色文字 + 亮色光泽（适用于白色背景）
+        '&-light': {
+            color: '#00000066',
+            backgroundImage: "linear-gradient(\n          120deg,\n          rgba(255, 255, 255, 0.8) 40%,\n          rgba(15, 14, 14, 0.8) 50%,\n          rgba(255, 255, 255, 0.8) 60%\n        )",
+            backgroundSize: '200% 100%',
+            WebkitBackgroundClip: 'text',
+            backgroundClip: 'text'
+        },
+        // 暗色主题：浅色文字 + 深色光泽（适用于黑色背景）
+        '&-dark': {
+            color: '#ffffff40',
+            backgroundImage: "linear-gradient(\n          120deg,\n          rgba(255, 255, 255, 0) 40%,\n          rgba(255, 255, 255, 0.8) 50%,\n          rgba(255, 255, 255, 0) 60%\n        )",
+            backgroundSize: '200% 100%',
+            WebkitBackgroundClip: 'text',
+            backgroundClip: 'text'
+        },
+        '&-disabled': {
+            animationName: 'none'
+        }
+    });
 };
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("TextLoading", (token) => {
-    const textLoadingToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+    return useEditorStyleRegister('TextLoading', function(token) {
+        var textLoadingToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            genStyle(textLoadingToken)
+        ];
     });
-    return [genStyle(textLoadingToken)];
-  });
 }
-export {
-  useStyle
-};

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

@@ -1,52 +1,83 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+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 a;
-};
-
-// src/Components/lotties/ThinkingLottie/index.tsx
+    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 from "react";
 import thinkingLottie from "./thinking.json";
-var ThinkingLottie = ({
-  autoplay = true,
-  loop = true,
-  className,
-  style,
-  size
-}) => {
-  const containerStyle = __spreadValues({
-    width: size,
-    height: size,
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center"
-  }, style);
-  return /* @__PURE__ */ React.createElement(
-    Lottie,
-    {
-      style: containerStyle,
-      className,
-      "aria-hidden": "true",
-      animationData: thinkingLottie,
-      loop,
-      autoplay
-    }
-  );
-};
-var ThinkingLottie_default = ThinkingLottie;
-export {
-  ThinkingLottie,
-  ThinkingLottie_default as default
+/**
+ * ThinkingLottie 组件 - Lottie眨眼跑+追星星动画组件
+ *
+ * 该组件使用Lottie动画库提供流畅的加载动画效果，支持自定义尺寸、播放控制等。
+ *
+ * @component
+ * @description Lottie语音播报动画组件，提供流畅的语音播报动画效果
+ * @param {LottieVoiceProps} 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] - 动画尺寸
+ *
+ * @example
+ * ```tsx
+ * <ThinkingLottie
+ *   autoplay={true}
+ *   loop={true}
+ *   size={48}
+ *   className="custom-loading"
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的Lottie语音播报动画组件
+ *
+ * @remarks
+ * - 使用Lottie动画库
+ * - 提供流畅的动画效果
+ * - 支持自定义尺寸
+ * - 支持播放控制
+ * - 支持自定义样式
+ * - 提供默认的加载动画
+ */ export var ThinkingLottie = function(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 containerStyle = _object_spread({
+        width: size,
+        height: size,
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center'
+    }, style);
+    return /*#__PURE__*/ React.createElement(Lottie, {
+        style: containerStyle,
+        className: className,
+        "aria-hidden": "true",
+        animationData: thinkingLottie,
+        loop: loop,
+        autoplay: autoplay
+    });
 };
+export default ThinkingLottie;

package/dist/Components/lotties/index.js

@@ -1,2 +1 @@
-// src/Components/lotties/index.ts
 export * from "./TextLoading";