@ant-design/agentic-ui 2.7.1 → 2.9.0

package/dist/Components/LayoutHeader/style.js

@@ -1,70 +1,95 @@
-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/LayoutHeader/style.ts
-import {
-  useEditorStyleRegister
-} from "../../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      padding: "0 var(--padding-4x)",
-      backgroundColor: "var(--color-gray-bg-page-light)",
-      minHeight: "48px",
-      flexShrink: 0,
-      zIndex: 10,
-      borderTopLeftRadius: "inherit",
-      borderTopRightRadius: "inherit",
-      // 左侧区域样式
-      [`${token.componentCls}-left`]: {
-        display: "flex",
-        alignItems: "center",
-        gap: "var(--margin-2x)",
-        "&-title": {
-          fontSize: "var(--font-size-lg)",
-          fontWeight: 600,
-          color: "var(--color-gray-text-default)",
-          margin: 0,
-          lineHeight: "1.4"
+    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;
+            });
         }
-      },
-      // 右侧区域样式
-      [`${token.componentCls}-right`]: {
-        display: "flex",
-        alignItems: "center",
-        gap: "var(--margin-2x)"
-      }
+        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 { useEditorStyleRegister } from "../../Hooks/useStyle";
+var genStyle = function(token) {
+    var _obj;
+    return _define_property({}, token.componentCls, (_obj = {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        padding: '0 var(--padding-4x)',
+        backgroundColor: 'var(--color-gray-bg-page-light)',
+        minHeight: '48px',
+        flexShrink: 0,
+        zIndex: 10,
+        borderTopLeftRadius: 'inherit',
+        borderTopRightRadius: 'inherit'
+    }, // 左侧区域样式
+    _define_property(_obj, "".concat(token.componentCls, "-left"), {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 'var(--margin-2x)',
+        '&-title': {
+            fontSize: 'var(--font-size-lg)',
+            fontWeight: 600,
+            color: 'var(--color-gray-text-default)',
+            margin: 0,
+            lineHeight: '1.4'
+        }
+    }), // 右侧区域样式
+    _define_property(_obj, "".concat(token.componentCls, "-right"), {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 'var(--margin-2x)'
+    }), _obj));
 };
-var useLayoutHeaderStyle = (prefixCls) => {
-  return useEditorStyleRegister("layout-header", (token) => {
-    const layoutHeaderToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export var useLayoutHeaderStyle = function(prefixCls) {
+    return useEditorStyleRegister('layout-header', function(token) {
+        var layoutHeaderToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            genStyle(layoutHeaderToken)
+        ];
     });
-    return [genStyle(layoutHeaderToken)];
-  });
-};
-export {
-  useLayoutHeaderStyle
 };

package/dist/Components/LayoutHeader/types.js

@@ -0,0 +1,3 @@
+/**
+ * 布局头部组件属性接口
+ */ export { };

package/dist/Components/Loading/index.js

@@ -1,26 +1,57 @@
-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/Loading/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 React from "react";
 import { LoadingLottie } from "../lotties/LoadingLottie";
-var Loading = (props) => {
-  return /* @__PURE__ */ React.createElement(LoadingLottie, __spreadValues({ size: "1em" }, props));
-};
-export {
-  Loading
+/**
+ * Loading 组件 - 加载动画组件
+ *
+ * 该组件提供一个简单的加载动画效果，包含两个旋转的椭圆形。
+ * 主要用于在数据加载或处理过程中提供视觉反馈。
+ *
+ * @component
+ * @description 加载动画组件，显示两个旋转变形的椭圆
+ * @example
+ * ```tsx
+ * import { Loading } from './Components/Loading';
+ *
+ * function App() {
+ *   return (
+ *     <div>
+ *       <Loading />
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的加载动画组件
+ */ export var Loading = function(props) {
+    return /*#__PURE__*/ React.createElement(LoadingLottie, _object_spread({
+        size: '1em'
+    }, props));
 };

package/dist/Components/Robot/index.js

@@ -1,66 +1,100 @@
-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/Robot/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 classNames from "classnames";
 import { isString } from "lodash-es";
 import React from "react";
 import { DazingLottie, ThinkingLottie } from "./lotties";
 export * from "./lotties";
-var Robot = ({
-  icon,
-  size = 42,
-  status,
-  className,
-  style
-}) => {
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: classNames(className),
-      style: React.isValidElement(icon) ? __spreadValues({
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        position: "relative"
-      }, style) : __spreadValues({
-        width: size,
-        height: size,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        position: "relative"
-      }, style)
-    },
-    React.isValidElement(icon) ? icon : icon && isString(icon) ? /* @__PURE__ */ React.createElement(
-      "img",
-      {
+/**
+ * Robot 组件 - 机器人图标组件
+ *
+ * 该组件显示一个机器人图标，支持自定义大小、状态和图标。
+ * 主要用于任务运行状态显示，提供视觉反馈。
+ *
+ * @component
+ * @description 机器人图标组件，支持自定义大小、状态和图标
+ * @param {RobotProps} props - 组件属性
+ * @param {RobotStatus} [props.status] - 机器人状态，可选值：'default' | 'running'
+ * @param {number} [props.size=42] - 机器人图标大小（像素）
+ * @param {string} [props.className] - 自定义CSS类名
+ * @param {React.CSSProperties} [props.style] - 自定义样式
+ * @param {React.ReactNode} [props.icon] - 自定义图标，可以是React元素或图片URL
+ *
+ * @example
+ * ```tsx
+ * import { Robot } from './Robot';
+ *
+ * // 基本用法
+ * <Robot size={50} status="running" />
+ *
+ * // 自定义图标
+ * <Robot icon={<CustomIcon />} size={60} />
+ *
+ * // 使用图片URL
+ * <Robot icon="https://example.com/robot.png" />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的机器人图标组件
+ *
+ * @remarks
+ * - 当提供自定义图标时，会忽略默认的机器人图片
+ * - 支持字符串类型的图片URL或React元素
+ * - 组件使用 React.memo 进行性能优化
+ */ var Robot = function(param) {
+    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),
+        style: /*#__PURE__*/ React.isValidElement(icon) ? _object_spread({
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            position: 'relative'
+        }, style) : _object_spread({
+            width: size,
+            height: size,
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            position: 'relative'
+        }, style)
+    }, /*#__PURE__*/ React.isValidElement(icon) ? icon : icon && isString(icon) ? /*#__PURE__*/ React.createElement("img", {
         style: {
-          width: "100%",
-          height: "100%"
+            width: '100%',
+            height: '100%'
         },
         src: icon
-      }
-    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, status === "running" ? /* @__PURE__ */ React.createElement(ThinkingLottie, { size }) : /* @__PURE__ */ React.createElement(DazingLottie, { size }))
-  );
-};
-var Robot_default = React.memo(Robot);
-export {
-  Robot_default as default
+    }) : /*#__PURE__*/ React.createElement(React.Fragment, null, status === 'running' ? /*#__PURE__*/ React.createElement(ThinkingLottie, {
+        size: size
+    }) : /*#__PURE__*/ React.createElement(DazingLottie, {
+        size: size
+    })));
 };
+export default /*#__PURE__*/ React.memo(Robot);

package/dist/Components/Robot/lotties/DazingLottie/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/Robot/lotties/DazingLottie/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 dazingLottie from "./dazing.json";
-var DazingLottie = ({
-  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: dazingLottie,
-      loop,
-      autoplay
-    }
-  );
-};
-var DazingLottie_default = DazingLottie;
-export {
-  DazingLottie,
-  DazingLottie_default as default
+/**
+ * DazingLottie 组件 - 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
+ * <VoicingLottie
+ *   autoplay={true}
+ *   loop={true}
+ *   size={48}
+ *   className="custom-loading"
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的Lottie语音播报动画组件
+ *
+ * @remarks
+ * - 使用Lottie动画库
+ * - 提供流畅的动画效果
+ * - 支持自定义尺寸
+ * - 支持播放控制
+ * - 支持自定义样式
+ * - 提供默认的加载动画
+ */ export var DazingLottie = 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: dazingLottie,
+        loop: loop,
+        autoplay: autoplay
+    });
 };
+export default DazingLottie;