@ant-design/agentic-ui 2.0.18 → 2.0.21

package/dist/Bubble/FileView.js

@@ -64,11 +64,12 @@ var BubbleFileView = ({
       showMoreButton: config.showMoreButton,
       onPreview: createEventHandler(eventOverrides.onPreview),
       onDownload: createEventHandler(eventOverrides.onDownload),
-      onViewAll: eventOverrides.onViewAll ? () => {
+      onViewAll: eventOverrides.onViewAll ? (files) => {
         var _a;
-        return (_a = eventOverrides.onViewAll) == null ? void 0 : _a.call(eventOverrides, allFiles);
+        (_a = eventOverrides.onViewAll) == null ? void 0 : _a.call(eventOverrides, files);
+        return false;
       } : void 0,
-      renderMoreAction: (file) => renderMoreAction(config.renderFileMoreAction, file),
+      renderMoreAction: config.renderFileMoreAction ? (file) => renderMoreAction(config.renderFileMoreAction, file) : void 0,
       customSlot: config.customSlot,
       placement,
       fileMap: originData.fileMap,

package/dist/Bubble/type.d.ts

@@ -479,14 +479,14 @@ export interface BubbleProps<T = Record<string, any>> extends BubbleItemStylePro
      * @description 与示例中的 fileViewConfig 对齐：控制样式与更多按钮、数量等
      */
     fileViewConfig?: {
-        /** 是否展示每个文件项的“更多”按钮 */
-        showMoreButton?: boolean;
         /** 自定义根容器 className */
         className?: string;
         /** 自定义根容器样式 */
         style?: React.CSSProperties;
         /** 最大展示条目数（默认 3） */
         maxDisplayCount?: number;
+        /** 是否显示"查看更多"按钮 */
+        showMoreButton?: boolean;
         /** 自定义悬浮动作区 */
         customSlot?: React.ReactNode | ((file: AttachmentFile) => React.ReactNode);
         /**

package/dist/ChatBootPage/ButtonTabStyle.js

@@ -71,8 +71,8 @@ var genStyle = (token) => {
         fontSize: "16px",
         lineHeight: 1,
         marginLeft: "6px",
-        paddingLeft: "6px",
-        borderLeft: "1px solid var(--color-gray-contrast)",
+        paddingLeft: "8px",
+        borderLeft: "1px solid var(--color-gray-border-light)",
         "&-clickable": {
           cursor: "pointer",
           "&:hover": {

package/dist/ChatBootPage/CaseReply.d.ts

@@ -21,11 +21,19 @@ export interface CaseReplyProps {
      */
     description?: React.ReactNode;
     /**
-     * buttonBar 内容（悬停时显示的按钮区域）
+     * 按钮文本（悬停时显示的按钮文字）
+     */
+    buttonText?: string;
+    /**
+     * 自定义按钮栏内容（优先于 buttonText）
      */
     buttonBar?: React.ReactNode;
     /**
-     * 点击事件
+     * 按钮点击事件
+     */
+    onButtonClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * 点击卡片事件
      */
     onClick?: () => void;
     /**

package/dist/ChatBootPage/CaseReply.js

@@ -1,4 +1,5 @@
 // src/ChatBootPage/CaseReply.tsx
+import { ArrowRight } from "@sofa-design/icons";
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import React, { useContext, useState } from "react";
@@ -9,14 +10,19 @@ var CaseReply = ({
   quote,
   title,
   description,
+  buttonText = "查看回放",
   buttonBar,
+  onButtonClick,
   onClick,
   style,
   className,
   prefixCls: customPrefixCls
 }) => {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("agentic-chatboot-case-reply", customPrefixCls);
+  const prefixCls = getPrefixCls(
+    "agentic-chatboot-case-reply",
+    customPrefixCls
+  );
   const { wrapSSR, hashId } = useStyle(prefixCls);
   const [isHovered, setIsHovered] = useState(false);
   const containerCls = classNames(prefixCls, hashId, className);
@@ -36,6 +42,7 @@ var CaseReply = ({
     hashId,
     isHovered && `${prefixCls}-button-bar-visible`
   );
+  const arrowIconCls = classNames(`${prefixCls}-arrow-icon`, hashId);
   const handleMouseEnter = () => {
     setIsHovered(true);
   };
@@ -96,7 +103,18 @@ var CaseReply = ({
           )
         )), quote && /* @__PURE__ */ React.createElement("div", { className: quoteTextCls }, quote))
       ),
-      /* @__PURE__ */ React.createElement("div", { className: bottomCls }, title && /* @__PURE__ */ React.createElement("h3", { className: titleCls }, title), description && /* @__PURE__ */ React.createElement("p", { className: descriptionCls }, description), buttonBar && /* @__PURE__ */ React.createElement("div", { className: buttonBarCls }, buttonBar))
+      /* @__PURE__ */ React.createElement("div", { className: bottomCls }, title && /* @__PURE__ */ React.createElement("h3", { className: titleCls }, title), description && /* @__PURE__ */ React.createElement("p", { className: descriptionCls }, description), (buttonBar || buttonText) && /* @__PURE__ */ React.createElement("div", { className: buttonBarCls }, buttonBar || /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          type: "button",
+          onClick: (e) => {
+            e.stopPropagation();
+            onButtonClick == null ? void 0 : onButtonClick(e);
+          }
+        },
+        buttonText,
+        /* @__PURE__ */ React.createElement("span", { className: arrowIconCls }, /* @__PURE__ */ React.createElement(ArrowRight, null))
+      )))
     )
   );
 };

package/dist/ChatBootPage/CaseReplyStyle.js

@@ -46,7 +46,7 @@ var genStyle = (token) => {
         WebkitMaskImage: "-webkit-linear-gradient(to bottom, black 0%, black 60%, transparent 100%)",
         maskImage: "linear-gradient(to bottom, black 0%, black 60%, transparent 100%)",
         width: "100%",
-        height: "185px",
+        height: 166,
         display: "flex",
         alignItems: "center",
         justifyContent: "center"
@@ -54,9 +54,9 @@ var genStyle = (token) => {
       // coverContent 白色子卡片
       "&-cover-content": {
         width: "80%",
-        marginTop: "24px",
-        marginBottom: "24px",
-        borderRadius: "16px",
+        marginTop: "32px",
+        height: 124,
+        borderRadius: "var(--radius-modal-base)",
         boxShadow: "0px 0px 1px 0px rgba(71, 98, 234, 0.05), 0px 6px 16px 0px rgba(71, 98, 234, 0.12)",
         background: "#ffffff",
         padding: "16px",
@@ -74,13 +74,12 @@ var genStyle = (token) => {
         marginBottom: "8px",
         "& svg": {
           width: "24px",
-          height: "24px",
-          transform: "rotate(180deg)"
+          height: "24px"
         }
       },
       // 引用文字
       "&-quote-text": {
-        fontSize: "14px",
+        fontSize: "15px",
         fontWeight: 400,
         lineHeight: "20px",
         color: "var(--color-gray-text-light)",
@@ -124,14 +123,57 @@ var genStyle = (token) => {
         left: "16px",
         right: "16px",
         marginBottom: 0,
-        background: "linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 40%)",
+        background: "linear-gradient(to right, #ffffff00 0%, #ffffff 40%)",
         borderRadius: "4px",
         padding: "8px",
         width: "auto",
         opacity: 0,
         transform: "translateY(10px)",
         transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-        pointerEvents: "none"
+        pointerEvents: "none",
+        // buttonBar 内的按钮样式
+        "& button": {
+          backgroundColor: "#000000",
+          color: "#ffffff",
+          borderRadius: "36px",
+          padding: "8px 16px",
+          cursor: "pointer",
+          border: "none",
+          fontSize: "14px",
+          transition: "all 0.2s ease-in-out",
+          display: "inline-flex",
+          alignItems: "center",
+          gap: "8px",
+          "&:hover": {
+            backgroundColor: "#333333",
+            transform: "translateY(-2px)"
+          },
+          "&:active": {
+            transform: "translateY(0)"
+          }
+        }
+      },
+      // 箭头图标
+      "&-arrow-icon": {
+        width: "18px",
+        height: "18px",
+        borderRadius: "200px",
+        background: "#FFFFFF",
+        color: "var(--color-primary-text-secondary)",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexShrink: 0,
+        transition: "transform 300ms cubic-bezier(0.4, 0, 0.2, 1)",
+        transform: "translateX(0)",
+        "& svg": {
+          width: "12px",
+          height: "12px"
+        }
+      },
+      // 按钮悬停时箭头动画
+      "&-button-bar button:hover &-arrow-icon": {
+        transform: "translateX(4px)"
       },
       // buttonBar 显示状态
       "&-button-bar-visible": {

package/dist/Components/ActionIconBox/index.js

@@ -60,54 +60,98 @@ var ActionIconBox = (props) => {
   }, []);
   const icon = useMemo(() => {
     var _a2, _b2, _c2;
-    return loading ? /* @__PURE__ */ React.createElement(LoadingOutlined, null) : React.cloneElement(props.children, __spreadProps(__spreadValues({}, (_a2 = props == null ? void 0 : props.children) == null ? void 0 : _a2.props), {
-      style: __spreadValues(__spreadValues({}, (_c2 = (_b2 = props == null ? void 0 : props.children) == null ? void 0 : _b2.props) == null ? void 0 : _c2.style), props.iconStyle)
-    }));
-  }, [loading, props.loading, props == null ? void 0 : props.iconStyle]);
+    if (loading) {
+      return /* @__PURE__ */ React.createElement(LoadingOutlined, { style: props.iconStyle });
+    }
+    if (React.isValidElement(props.children)) {
+      try {
+        return React.cloneElement(props.children, __spreadProps(__spreadValues({}, (_a2 = props == null ? void 0 : props.children) == null ? void 0 : _a2.props), {
+          style: __spreadValues(__spreadValues({}, (_c2 = (_b2 = props == null ? void 0 : props.children) == null ? void 0 : _b2.props) == null ? void 0 : _c2.style), props.iconStyle)
+        }));
+      } catch (error) {
+        console.error("ActionIconBox: 克隆元素时出错", error);
+        return props.children;
+      }
+    }
+    try {
+      return React.Children.map(props.children, (child) => {
+        var _a3;
+        if (React.isValidElement(child)) {
+          return React.cloneElement(child, __spreadProps(__spreadValues({}, child == null ? void 0 : child.props), {
+            style: __spreadValues(__spreadValues({}, (_a3 = child == null ? void 0 : child.props) == null ? void 0 : _a3.style), props.iconStyle)
+          }));
+        }
+        return child;
+      });
+    } catch (error) {
+      console.error("ActionIconBox: 处理子元素时出错", error);
+      return props.children;
+    }
+  }, [loading, props.loading, props.iconStyle, props.children]);
   return wrapSSR(
-    props.title ? /* @__PURE__ */ React.createElement(Tooltip, __spreadValues({ title: props.title, mouseEnterDelay: 1 }, props.tooltipProps), /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        "data-testid": props["data-testid"] || "action-icon-box",
-        role: "button",
-        tabIndex: 0,
-        "aria-label": (_a = props.title) == null ? void 0 : _a.toString(),
-        title: (_b = props.title) == null ? void 0 : _b.toString(),
-        className: cx(prefixCls, hashId, props.className, {
-          [`${prefixCls}-danger`]: props.type === "danger",
-          [`${prefixCls}-primary`]: props.type === "primary",
-          [`${prefixCls}-border-less`]: props.borderLess,
-          [`${prefixCls}-active`]: props.active,
-          [`${prefixCls}-transform`]: props.transform,
-          [`${prefixCls}-${props.theme || "light"}`]: props.theme || "light",
-          [`${prefixCls}-noPadding`]: props.noPadding
-        }),
-        onClick: (e) => __async(void 0, null, function* () {
-          var _a2;
-          e.preventDefault();
-          if (!props.onClick)
-            return;
-          if (loading)
-            return;
-          setLoading(true);
-          yield (_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
-          setLoading(false);
-        }),
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ") {
+    props.title ? /* @__PURE__ */ React.createElement(
+      Tooltip,
+      __spreadValues({
+        title: props.title,
+        arrow: false,
+        mouseEnterDelay: 2
+      }, props.tooltipProps),
+      /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          "data-title": (_a = props.title) == null ? void 0 : _a.toString(),
+          "data-testid": props["data-testid"] || "action-icon-box",
+          role: "button",
+          tabIndex: 0,
+          "aria-label": (_b = props.title) == null ? void 0 : _b.toString(),
+          className: cx(prefixCls, hashId, props.className, {
+            [`${prefixCls}-danger`]: props.type === "danger",
+            [`${prefixCls}-primary`]: props.type === "primary",
+            [`${prefixCls}-border-less`]: props.borderLess,
+            [`${prefixCls}-active`]: props.active,
+            [`${prefixCls}-transform`]: props.transform,
+            [`${prefixCls}-${props.theme || "light"}`]: props.theme || "light",
+            [`${prefixCls}-noPadding`]: props.noPadding
+          }),
+          onClick: (e) => __async(void 0, null, function* () {
+            var _a2;
             e.preventDefault();
             if (!props.onClick)
               return;
             if (loading)
               return;
-            props.onClick(e);
-          }
+            setLoading(true);
+            try {
+              yield (_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
+            } catch (error) {
+              console.error("ActionIconBox onClick 错误:", error);
+            } finally {
+              setLoading(false);
+            }
+          }),
+          onKeyDown: (e) => __async(void 0, null, function* () {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              if (!props.onClick)
+                return;
+              if (loading)
+                return;
+              setLoading(true);
+              try {
+                yield props.onClick(e);
+              } catch (error) {
+                console.error("ActionIconBox onKeyDown 错误:", error);
+              } finally {
+                setLoading(false);
+              }
+            }
+          }),
+          style: props.style
         },
-        style: props.style
-      },
-      icon,
-      props.showTitle && /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-title ${hashId}` }, props.title)
-    )) : /* @__PURE__ */ React.createElement(
+        icon,
+        props.showTitle && /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-title ${hashId}` }, props.title)
+      )
+    ) : /* @__PURE__ */ React.createElement(
       "span",
       {
         "data-testid": props["data-testid"] || "action-icon-box",
@@ -132,19 +176,31 @@ var ActionIconBox = (props) => {
           if (loading)
             return;
           setLoading(true);
-          yield (_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
-          setLoading(false);
+          try {
+            yield (_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
+          } catch (error) {
+            console.error("ActionIconBox onClick 错误:", error);
+          } finally {
+            setLoading(false);
+          }
         }),
-        onKeyDown: (e) => {
+        onKeyDown: (e) => __async(void 0, null, function* () {
           if (e.key === "Enter" || e.key === " ") {
             e.preventDefault();
             if (!props.onClick)
               return;
             if (loading)
               return;
-            props.onClick(e);
+            setLoading(true);
+            try {
+              yield props.onClick(e);
+            } catch (error) {
+              console.error("ActionIconBox onKeyDown 错误:", error);
+            } finally {
+              setLoading(false);
+            }
           }
-        },
+        }),
         style: props.style
       },
       icon,

package/dist/Components/Button/ToggleButton/index.js

@@ -50,9 +50,9 @@ var ToggleButton = ({
               boxShadow: "none"
             }
           },
-          icon && /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-icon` }, icon),
-          children && /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-text` }, children),
-          triggerIcon && /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-trigger-icon` }, triggerIcon)
+          icon && /* @__PURE__ */ React.createElement("span", { className: classNames(`${prefixCls}-icon`, hashId) }, icon),
+          children && /* @__PURE__ */ React.createElement("span", { className: classNames(`${prefixCls}-text`, hashId) }, children),
+          triggerIcon && /* @__PURE__ */ React.createElement("span", { className: classNames(`${prefixCls}-trigger-icon`, hashId) }, triggerIcon)
         )
       )
     )

package/dist/Components/Button/ToggleButton/style.js

@@ -248,7 +248,6 @@ var genStyle = (token) => {
         whiteSpace: "nowrap",
         overflow: "hidden",
         textOverflow: "ellipsis",
-        marginRight: "8px",
         font: "var(--font-text-body-base)",
         letterSpacing: "var(--letter-spacing-body-base, normal)",
         color: "var(--color-gray-text-default)"
@@ -258,6 +257,7 @@ var genStyle = (token) => {
         display: "inline-flex",
         alignItems: "center",
         justifyContent: "center",
+        color: "var(--color-gray-text-light)",
         fontSize: "inherit",
         lineHeight: 1
       }

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface GradientTextProps {
+    children: React.ReactNode;
+    className?: string;
+    colors?: string[];
+    animationSpeed?: number;
+}
+export declare function GradientText({ children, className, colors, animationSpeed, }: GradientTextProps): React.JSX.Element;

package/dist/Components/GradientText/index.js

@@ -0,0 +1,32 @@
+// src/Components/GradientText/index.tsx
+import { ConfigProvider } from "antd";
+import classNames from "classnames";
+import React, { useContext } from "react";
+import { useGradientTextStyle } from "./style";
+function GradientText({
+  children,
+  className = "",
+  colors = ["#40ffaa", "#4079ff", "#40ffaa", "#4079ff", "#40ffaa"],
+  animationSpeed = 8
+}) {
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("gradient-text");
+  const { wrapSSR, hashId } = useGradientTextStyle(prefixCls);
+  const gradientStyle = {
+    backgroundImage: `linear-gradient(to right, ${colors.join(", ")})`,
+    animationDuration: `${animationSpeed}s`
+  };
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement("div", { className: classNames(prefixCls, hashId, className) }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: classNames(`${prefixCls}-text-content`, hashId),
+        style: gradientStyle
+      },
+      children
+    ))
+  );
+}
+export {
+  GradientText
+};

package/dist/Components/GradientText/style.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const useGradientTextStyle: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

package/dist/Components/GradientText/style.js

@@ -0,0 +1,76 @@
+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]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/Components/GradientText/style.ts
+import { Keyframes } from "@ant-design/cssinjs";
+import {
+  useEditorStyleRegister
+} from "../../Hooks/useStyle";
+var animateGradientText = new Keyframes("animateGradientText", {
+  "0%": {
+    backgroundPosition: "0% 50%"
+  },
+  "50%": {
+    backgroundPosition: "100% 50%"
+  },
+  "100%": {
+    backgroundPosition: "0% 50%"
+  }
+});
+var genStyle = (token) => {
+  return {
+    [token.componentCls]: {
+      position: "relative",
+      margin: "0 auto",
+      display: "flex",
+      maxWidth: "fit-content",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "center",
+      fontWeight: 500,
+      backdropFilter: "blur(10px)",
+      transition: "box-shadow 0.5s ease-out",
+      overflow: "hidden",
+      ["&-text-content"]: {
+        display: "inline-block",
+        position: "relative",
+        zIndex: 2,
+        backgroundSize: "300% 100%",
+        backgroundClip: "text",
+        WebkitBackgroundClip: "text",
+        color: "transparent",
+        animationName: animateGradientText,
+        animationTimingFunction: "linear",
+        animationIterationCount: "infinite"
+      }
+    }
+  };
+};
+var useGradientTextStyle = (prefixCls) => {
+  return useEditorStyleRegister("gradient-text", (token) => {
+    const gradientTextToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genStyle(gradientTextToken)];
+  });
+};
+export {
+  useGradientTextStyle
+};

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

@@ -0,0 +1,56 @@
+import { MotionProps, Variants } from 'framer-motion';
+import React, { ElementType } from 'react';
+type AnimationType = 'text' | 'word' | 'character' | 'line' | 'mix';
+type AnimationVariant = 'fadeIn' | 'blurIn' | 'blurInUp' | 'blurInDown' | 'slideUp' | 'slideDown' | 'slideLeft' | 'slideRight' | 'scaleUp' | 'scaleDown';
+export interface TextAnimateProps extends MotionProps {
+    /**
+     * The text content to animate
+     */
+    children: React.ReactNode;
+    /**
+     * The class name to be applied to the component
+     */
+    className?: string;
+    /**
+     * The class name to be applied to each segment
+     */
+    segmentClassName?: string;
+    /**
+     * The delay before the animation starts
+     */
+    delay?: number;
+    /**
+     * The duration of the animation
+     */
+    duration?: number;
+    /**
+     * Custom motion variants for the animation
+     */
+    variants?: Variants;
+    /**
+     * The element type to render
+     */
+    as?: ElementType;
+    /**
+     * How to split the text ("text", "word", "character")
+     */
+    by?: AnimationType;
+    /**
+     * Whether to start animation when component enters viewport
+     */
+    startOnView?: boolean;
+    /**
+     * Whether to animate only once
+     */
+    once?: boolean;
+    /**
+     * The animation preset to use
+     */
+    animation?: AnimationVariant;
+    /**
+     * Whether to enable accessibility features (default: true)
+     */
+    accessible?: boolean;
+}
+export declare const TextAnimate: React.MemoExoticComponent<({ children, delay, duration, variants, className, segmentClassName, as: Component, startOnView, once, by, animation, accessible, ...props }: TextAnimateProps) => React.JSX.Element>;
+export {};