@ant-design/agentic-ui 2.0.10 → 2.0.13

package/dist/AgentRunBar/Robot.js

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 import classNames from "classnames";
 import { isString } from "lodash-es";
 import React from "react";
-import RobotIcon from "../components/Robot";
+import RobotIcon from "../Components/Robot";
 var Robot = ({
   icon,
   size = 42,

package/dist/AgentRunBar/index.js

@@ -4,7 +4,7 @@ import { Button, ConfigProvider, Tooltip, Typography } from "antd";
 import classNames from "classnames";
 import { motion } from "framer-motion";
 import React, { useContext, useMemo } from "react";
-import { I18nContext } from "../i18n";
+import { I18nContext } from "../I18n";
 import {
   PauseIcon,
   PlayIcon,

package/dist/AgentRunBar/style.js

@@ -22,7 +22,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { Keyframes } from "@ant-design/cssinjs";
 import {
   useEditorStyleRegister
-} from "../hooks/useStyle";
+} from "../Hooks/useStyle";
 var stopIconRotate = new Keyframes("stopIconRotate", {
   "0%": {
     transform: "rotate(0deg)"

package/dist/AgenticLayout/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { type LayoutHeaderConfig } from '../components/LayoutHeader';
+import { type LayoutHeaderConfig } from '../Components/LayoutHeader';
 export interface AgenticLayoutProps {
     /** 左侧内容 */
     left?: ReactNode;

package/dist/AgenticLayout/index.js

@@ -23,7 +23,7 @@ import { ConfigProvider } from "antd";
 import React, { useContext } from "react";
 import {
   LayoutHeader
-} from "../components/LayoutHeader";
+} from "../Components/LayoutHeader";
 import { useAgenticLayoutStyle } from "./style";
 var AgenticLayout = ({
   left,

package/dist/AgenticLayout/style.js

@@ -21,7 +21,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 // src/AgenticLayout/style.ts
 import {
   useEditorStyleRegister
-} from "../hooks/useStyle";
+} from "../Hooks/useStyle";
 var genStyle = (token) => {
   return {
     [token.componentCls]: {

package/dist/AnswerAlert/style.js

@@ -21,7 +21,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 // src/AnswerAlert/style.ts
 import {
   useEditorStyleRegister
-} from "../hooks/useStyle";
+} from "../Hooks/useStyle";
 var genStyle = (token) => {
   return {
     [token.componentCls]: {

package/dist/BackTo/BackBottom.js

@@ -32,8 +32,8 @@ var __objRest = (source, exclude) => {
 
 // src/BackTo/BackBottom.tsx
 import React, { forwardRef, useCallback } from "react";
-import { getScrollRailHeight } from "../utils/getScroll";
-import scrollTo from "../utils/scrollTo";
+import { getScrollRailHeight } from "../Utils/getScroll";
+import scrollTo from "../Utils/scrollTo";
 import {
   ScrollVisibleButton
 } from "./ScrollVisibleButton";

package/dist/BackTo/BackTop.d.ts

@@ -1,10 +1,20 @@
 import React from 'react';
 import { ScrollVisibleButtonProps, ScrollVisibleButtonRef } from './ScrollVisibleButton';
+/**
+ * BackTop 组件属性
+ */
 export interface BackTopProps extends ScrollVisibleButtonProps {
-    /**
-     * 滚动到顶部的持续时间
-     * @default 450
-     */
+    /** 滚动到顶部的持续时间 @default 450 */
     duration?: number;
 }
+/**
+ * BackTop 组件
+ *
+ * 返回顶部按钮，点击后平滑滚动到页面顶部
+ *
+ * @example
+ * ```tsx
+ * <BackTop duration={300} />
+ * ```
+ */
 export declare const BackTop: React.ForwardRefExoticComponent<BackTopProps & React.RefAttributes<ScrollVisibleButtonRef>>;

package/dist/BackTo/BackTop.js

@@ -31,16 +31,26 @@ var __objRest = (source, exclude) => {
 };
 
 // src/BackTo/BackTop.tsx
-import React, { forwardRef, useCallback } from "react";
-import scrollTo from "../utils/scrollTo";
+import React, { forwardRef } from "react";
+import scrollTo from "../Utils/scrollTo";
 import {
   ScrollVisibleButton
 } from "./ScrollVisibleButton";
 import { TopIcon } from "./icons/TopIcon";
+var DEFAULT_DURATION = 450;
+var DEFAULT_VISIBLE_THRESHOLD = 400;
+var getShouldVisible = (propsShouldVisible) => {
+  return (scrollTop, container) => {
+    if (typeof propsShouldVisible === "function") {
+      return propsShouldVisible(scrollTop, container);
+    }
+    return scrollTop >= (propsShouldVisible != null ? propsShouldVisible : DEFAULT_VISIBLE_THRESHOLD);
+  };
+};
 var BackTop = forwardRef(
   (props, ref) => {
     const _a = props, {
-      duration = 450,
+      duration = DEFAULT_DURATION,
       onClick,
       shouldVisible: propsShouldVisible
     } = _a, rest = __objRest(_a, [
@@ -48,16 +58,8 @@ var BackTop = forwardRef(
       "onClick",
       "shouldVisible"
     ]);
-    const shouldVisible = useCallback(
-      (scrollTop, container) => {
-        if (typeof propsShouldVisible === "function") {
-          return propsShouldVisible(scrollTop, container);
-        }
-        return scrollTop >= (propsShouldVisible != null ? propsShouldVisible : 400);
-      },
-      [propsShouldVisible]
-    );
-    const scrollToTop = (e, container) => {
+    const shouldVisible = getShouldVisible(propsShouldVisible);
+    const handleClick = (e, container) => {
       scrollTo(0, { container, duration });
       onClick == null ? void 0 : onClick(e, container);
     };
@@ -66,7 +68,7 @@ var BackTop = forwardRef(
       __spreadProps(__spreadValues({}, rest), {
         ref,
         shouldVisible,
-        onClick: scrollToTop
+        onClick: handleClick
       }),
       /* @__PURE__ */ React.createElement(TopIcon, null)
     );

package/dist/BackTo/ScrollVisibleButton.d.ts

@@ -1,25 +1,40 @@
 import { TooltipProps } from 'antd';
 import React from 'react';
 import { UseScrollVisibleProps } from './hooks/useScrollVisible';
+/**
+ * ScrollVisibleButton 组件属性
+ */
 export interface ScrollVisibleButtonProps extends Omit<React.DOMAttributes<HTMLButtonElement>, 'onClick'> {
+    /** 自定义类名 */
     className?: string;
+    /** 自定义样式 */
     style?: React.CSSProperties;
+    /** 提示信息 */
     tooltip?: React.ReactNode | TooltipProps;
-    /**
-     * 滚动到底部的目标元素
-     */
+    /** 滚动目标元素 */
     target?: () => HTMLElement | Window;
-    /**
-     * 按钮是否显示，默认为滚动到底部的可见高度，也可以传入一个函数，根据滚动位置判断是否显示
-     * @default 400
-     */
+    /** 按钮显示条件 @default 400 */
     shouldVisible?: number | UseScrollVisibleProps['shouldVisible'];
-    /**
-     * 点击按钮的回调
-     */
+    /** 点击回调 */
     onClick?: (e: React.MouseEvent<HTMLButtonElement>, container: HTMLElement | Window) => void;
 }
 export type ScrollVisibleButtonRef = {
     nativeElement: HTMLButtonElement | null;
 };
+/**
+ * ScrollVisibleButton 组件
+ *
+ * 根据滚动位置显示/隐藏的按钮，支持平滑动画效果
+ *
+ * @example
+ * ```tsx
+ * <ScrollVisibleButton
+ *   tooltip="返回顶部"
+ *   shouldVisible={400}
+ *   onClick={handleClick}
+ * >
+ *   <ArrowUpIcon />
+ * </ScrollVisibleButton>
+ * ```
+ */
 export declare const ScrollVisibleButton: React.ForwardRefExoticComponent<ScrollVisibleButtonProps & React.RefAttributes<ScrollVisibleButtonRef>>;

package/dist/BackTo/ScrollVisibleButton.js

@@ -35,7 +35,6 @@ import { isObject } from "lodash-es";
 import React, {
   forwardRef,
   isValidElement,
-  useCallback,
   useContext,
   useImperativeHandle
 } from "react";
@@ -43,12 +42,29 @@ import {
   useScrollVisible
 } from "./hooks/useScrollVisible";
 import { prefixCls, useStyle } from "./style";
+var DEFAULT_VISIBLE_THRESHOLD = 400;
+var getDefaultTarget = () => window;
+var getShouldVisibleHandler = (propsShouldVisible) => {
+  return (scrollTop, container) => {
+    if (typeof propsShouldVisible === "function") {
+      return propsShouldVisible(scrollTop, container);
+    }
+    return scrollTop >= propsShouldVisible;
+  };
+};
+var getTooltipProps = (tooltip) => {
+  if (isObject(tooltip) && !isValidElement(tooltip)) {
+    return tooltip;
+  }
+  return { title: tooltip };
+};
+var EXIT_ANIMATION = { opacity: 0 };
 var ScrollVisibleButton = forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
       style,
-      shouldVisible: propsShouldVisible = 400,
+      shouldVisible: propsShouldVisible = DEFAULT_VISIBLE_THRESHOLD,
       target,
       onClick,
       tooltip,
@@ -69,39 +85,29 @@ var ScrollVisibleButton = forwardRef(
     useImperativeHandle(ref, () => ({
       nativeElement: internalRef.current
     }));
-    const getTarget = target || (() => window);
-    const shouldVisible = useCallback(
-      (scrollTop, container) => {
-        if (typeof propsShouldVisible === "function") {
-          return propsShouldVisible(scrollTop, container);
-        }
-        return scrollTop >= propsShouldVisible;
-      },
-      [propsShouldVisible]
-    );
+    const getTarget = target || getDefaultTarget;
+    const shouldVisible = getShouldVisibleHandler(propsShouldVisible);
     const { visible, currentContainer } = useScrollVisible({
       target: getTarget,
       shouldVisible
     });
-    let buttonNode = /* @__PURE__ */ React.createElement(
+    const handleClick = (e) => {
+      onClick == null ? void 0 : onClick(e, currentContainer.current);
+    };
+    const button = /* @__PURE__ */ React.createElement(
       "button",
       __spreadValues({
         ref: internalRef,
         className: classNames(baseCls, className, hashId),
         style,
         type: "button",
-        onClick: (e) => {
-          onClick == null ? void 0 : onClick(e, currentContainer.current);
-        }
+        onClick: handleClick
       }, rest),
       /* @__PURE__ */ React.createElement("div", { className: `${baseCls}-content ${hashId}` }, children)
     );
-    if (tooltip) {
-      const tooltipProps = isObject(tooltip) && !isValidElement(tooltip) ? tooltip : { title: tooltip };
-      buttonNode = /* @__PURE__ */ React.createElement(Tooltip, __spreadValues({}, tooltipProps), buttonNode);
-    }
+    const buttonWithTooltip = tooltip ? /* @__PURE__ */ React.createElement(Tooltip, __spreadValues({}, getTooltipProps(tooltip)), button) : button;
     return wrapSSR(
-      /* @__PURE__ */ React.createElement(AnimatePresence, null, visible ? /* @__PURE__ */ React.createElement(motion.div, { exit: { opacity: 0 } }, buttonNode) : null)
+      /* @__PURE__ */ React.createElement(AnimatePresence, null, visible && /* @__PURE__ */ React.createElement(motion.div, { exit: EXIT_ANIMATION }, buttonWithTooltip))
     );
   }
 );

package/dist/BackTo/hooks/useScrollVisible.js

@@ -1,7 +1,7 @@
 // src/BackTo/hooks/useScrollVisible.ts
 import { useCallback, useEffect, useRef, useState } from "react";
-import getScroll from "../../utils/getScroll";
-import throttleByAnimationFrame from "../../utils/throttleByAnimationFrame";
+import getScroll from "../../Utils/getScroll";
+import throttleByAnimationFrame from "../../Utils/throttleByAnimationFrame";
 var useScrollVisible = ({
   target,
   shouldVisible

package/dist/BackTo/style.js

@@ -21,7 +21,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 // src/BackTo/style.ts
 import {
   useEditorStyleRegister
-} from "../hooks/useStyle";
+} from "../Hooks/useStyle";
 var genStyle = (token) => {
   return {
     [token.componentCls]: {

package/dist/Bubble/AIBubble.d.ts

@@ -1,44 +1,21 @@
 import { MutableRefObject } from 'react';
 import React from 'react';
 import type { BubbleProps } from './type';
-export declare const runRender: (render: any, props: BubbleProps, defaultDom: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined, ...rest: undefined[]) => any;
+export declare const runRender: (render: any, props: BubbleProps, defaultDom: React.ReactNode, ...rest: undefined[]) => any;
 /**
- * AIBubble 组件 - AI消息气泡组件
+ * AIBubble 组件
  *
- * 该组件专门用于显示AI助手发送的消息，采用左侧布局，支持完整的交互功能。
- * AI消息通常需要显示头像、标题、加载状态、以及各种操作按钮（点赞、点踩、复制等）。
- *
- * @component
- * @description AI消息气泡组件，专门处理AI助手发送的消息
- * @param {BubbleProps & {deps?: any[], bubbleRef?: MutableRefObject<any>}} props - 组件属性
- * @param {string} [props.placement='left'] - 气泡位置，固定为 'left'
- * @param {BubbleAvatarProps} [props.avatar] - 头像配置
- * @param {string | number | Date} [props.time] - 消息时间
- * @param {React.ReactNode} [props.children] - 消息内容
- * @param {string} [props.className] - 自定义CSS类名
- * @param {React.CSSProperties} [props.style] - 自定义样式
- * @param {BubbleRenderConfig} [props.bubbleRenderConfig] - 气泡渲染配置
- * @param {BubbleClassNames} [props.classNames] - 自定义类名配置
- * @param {BubbleStyles} [props.styles] - 自定义样式配置
- * @param {Function} [props.onAvatarClick] - 头像点击回调
- * @param {any[]} [props.deps] - 依赖数组
- * @param {MutableRefObject} [props.bubbleRef] - 气泡引用
+ * 显示AI助手发送的消息，采用左侧布局，支持完整交互功能
  *
  * @example
  * ```tsx
  * <AIBubble
- *   avatar={{
- *     avatar: "https://example.com/ai.jpg",
- *     title: "AI助手"
- *   }}
+ *   avatar={{ avatar: "url", title: "AI助手" }}
  *   time={new Date()}
- *   style={itemStyle}
  * >
- *   这是AI助手的回复
+ *   AI回复内容
  * </AIBubble>
  * ```
- *
- * @returns {React.ReactElement} 渲染的AI消息气泡组件
  */
 export declare const AIBubble: React.FC<BubbleProps & {
     deps?: any[];