@ant-design/agentic-ui 2.0.21 → 2.0.23

package/dist/Bubble/FileView.js

@@ -4,9 +4,9 @@ import { FileMapView } from "../MarkdownInputField/FileMapView";
 var DEFAULT_DOWNLOAD_FILENAME = "download";
 var openFileInNewWindow = (file) => {
   const url = (file == null ? void 0 : file.previewUrl) || (file == null ? void 0 : file.url);
-  if (url && typeof window !== "undefined") {
-    window.open(url, "_blank");
-  }
+  if (!url || typeof window === "undefined")
+    return;
+  window.open(url, "_blank");
 };
 var downloadFile = (file) => {
   const url = (file == null ? void 0 : file.url) || (file == null ? void 0 : file.previewUrl);
@@ -28,49 +28,45 @@ var defaultHandlers = {
 var renderMoreAction = (cfg, file) => {
   if (!cfg)
     return void 0;
-  if (React.isValidElement(cfg) || typeof cfg !== "function") {
+  if (React.isValidElement(cfg))
+    return cfg;
+  if (typeof cfg !== "function")
     return cfg;
-  }
   try {
-    if (cfg.length === 0) {
-      const result = cfg();
-      return typeof result === "function" ? result(file) : result;
-    }
-    return cfg(file);
+    const result = cfg.length === 0 ? cfg() : cfg(file);
+    return typeof result === "function" ? result(file) : result;
   } catch (e) {
     return void 0;
   }
 };
-var createEventHandler = (handler) => {
-  return handler ? (...args) => handler(...args) : void 0;
+var createViewAllHandler = (handler) => {
+  if (!handler)
+    return void 0;
+  return (files) => {
+    handler(files);
+    return false;
+  };
 };
 var BubbleFileView = ({
   bubble,
   placement
 }) => {
-  const { originData, fileViewEvents, fileViewConfig } = bubble;
-  if (!(originData == null ? void 0 : originData.fileMap) || originData.fileMap.size === 0) {
+  const { originData, fileViewEvents, fileViewConfig = {} } = bubble;
+  if (!(originData == null ? void 0 : originData.fileMap) || originData.fileMap.size === 0)
     return null;
-  }
-  const allFiles = Array.from(originData.fileMap.values());
-  const eventOverrides = (fileViewEvents == null ? void 0 : fileViewEvents(defaultHandlers)) || {};
-  const config = fileViewConfig || {};
+  const events = (fileViewEvents == null ? void 0 : fileViewEvents(defaultHandlers)) || {};
   return /* @__PURE__ */ React.createElement(
     FileMapView,
     {
-      className: config.className,
-      style: config.style,
-      maxDisplayCount: config.maxDisplayCount,
-      showMoreButton: config.showMoreButton,
-      onPreview: createEventHandler(eventOverrides.onPreview),
-      onDownload: createEventHandler(eventOverrides.onDownload),
-      onViewAll: eventOverrides.onViewAll ? (files) => {
-        var _a;
-        (_a = eventOverrides.onViewAll) == null ? void 0 : _a.call(eventOverrides, files);
-        return false;
-      } : void 0,
-      renderMoreAction: config.renderFileMoreAction ? (file) => renderMoreAction(config.renderFileMoreAction, file) : void 0,
-      customSlot: config.customSlot,
+      className: fileViewConfig.className,
+      style: fileViewConfig.style,
+      maxDisplayCount: fileViewConfig.maxDisplayCount,
+      showMoreButton: fileViewConfig.showMoreButton,
+      onPreview: events.onPreview,
+      onDownload: events.onDownload,
+      onViewAll: createViewAllHandler(events.onViewAll),
+      renderMoreAction: fileViewConfig.renderFileMoreAction ? (file) => renderMoreAction(fileViewConfig.renderFileMoreAction, file) : void 0,
+      customSlot: fileViewConfig.customSlot,
       placement,
       fileMap: originData.fileMap,
       "data-testid": "file-item"

package/dist/Bubble/MessagesContent/VoiceButton/style.js

@@ -43,7 +43,10 @@ var genStyle = (token) => {
         boxSizing: "border-box"
       },
       "&-playBox:hover": {
-        background: "rgba(0, 28, 57, 0.0353)"
+        background: "var(--color-gray-control-fill-hover)",
+        borderRadius: "var(--radius-control-base)",
+        backdropFilter: "blur(20px)",
+        boxSizing: "border-box"
       },
       "&-playingWrap": {
         display: "flex",
@@ -68,7 +71,7 @@ var genStyle = (token) => {
         cursor: "pointer"
       },
       "&-playingBox:hover": {
-        background: "rgba(0, 28, 57, 0.0353)"
+        background: "var(--color-gray-control-fill-hover)"
       },
       "&-rateBox": {
         display: "flex",
@@ -83,7 +86,7 @@ var genStyle = (token) => {
         borderRadius: 6
       },
       "&-rateBox:hover": {
-        background: "rgba(0, 28, 57, 0.0353)"
+        background: "var(--color-gray-control-fill-hover)"
       },
       "&-rateItem": {
         display: "flex",

package/dist/ChatBootPage/ButtonTabStyle.js

@@ -43,6 +43,8 @@ var genStyle = (token) => {
       color: "var(--color-gray-text-secondary)",
       outline: "none",
       userSelect: "none",
+      whiteSpace: "nowrap",
+      flexShrink: 0,
       "&:hover": {
         // borderColor: 'rgba(0, 0, 0, 0.3)',
         // color: 'rgba(0, 0, 0, 0.85)',

package/dist/ChatBootPage/CaseReply.d.ts

@@ -24,9 +24,6 @@ export interface CaseReplyProps {
      * 按钮文本（悬停时显示的按钮文字）
      */
     buttonText?: string;
-    /**
-     * 自定义按钮栏内容（优先于 buttonText）
-     */
     buttonBar?: React.ReactNode;
     /**
      * 按钮点击事件

package/dist/ChatBootPage/CaseReplyStyle.js

@@ -48,14 +48,13 @@ var genStyle = (token) => {
         width: "100%",
         height: 166,
         display: "flex",
-        alignItems: "center",
         justifyContent: "center"
       },
       // coverContent 白色子卡片
       "&-cover-content": {
         width: "80%",
         marginTop: "32px",
-        height: 124,
+        height: 144,
         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",
@@ -100,7 +99,7 @@ var genStyle = (token) => {
       "&-title": {
         fontSize: "16px",
         fontWeight: 600,
-        lineHeight: "24px",
+        lineHeight: "26px",
         color: "var(--color-gray-text-default)",
         marginTop: 0,
         marginBottom: "4px"
@@ -109,7 +108,7 @@ var genStyle = (token) => {
       "&-description": {
         fontSize: "13px",
         fontWeight: 400,
-        lineHeight: "20px",
+        lineHeight: "22px",
         color: "var(--color-gray-text-secondary)",
         overflow: "hidden",
         textOverflow: "ellipsis",

package/dist/Components/ActionIconBox/style.js

@@ -46,7 +46,9 @@ var genStyle = (token) => {
       },
       "&-light": {
         "&:hover": {
-          background: "var(--color-gray-control-fill-active)",
+          borderRadius: "var(--radius-control-base)",
+          background: "var(--color-gray-control-fill-hover)",
+          backdropFilter: "blur(20px)",
           boxSizing: "border-box"
         }
       },

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

@@ -4,5 +4,6 @@ export interface GradientTextProps {
     className?: string;
     colors?: string[];
     animationSpeed?: number;
+    style?: React.CSSProperties;
 }
-export declare function GradientText({ children, className, colors, animationSpeed, }: GradientTextProps): React.JSX.Element;
+export declare function GradientText({ children, className, colors, animationSpeed, style, }: GradientTextProps): React.JSX.Element;

package/dist/Components/GradientText/index.js

@@ -7,7 +7,8 @@ function GradientText({
   children,
   className = "",
   colors = ["#40ffaa", "#4079ff", "#40ffaa", "#4079ff", "#40ffaa"],
-  animationSpeed = 8
+  animationSpeed = 8,
+  style
 }) {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls("gradient-text");
@@ -17,7 +18,7 @@ function GradientText({
     animationDuration: `${animationSpeed}s`
   };
   return wrapSSR(
-    /* @__PURE__ */ React.createElement("div", { className: classNames(prefixCls, hashId, className) }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement("div", { className: classNames(prefixCls, hashId, className), style }, /* @__PURE__ */ React.createElement(
       "div",
       {
         className: classNames(`${prefixCls}-text-content`, hashId),

package/dist/Components/GradientText/style.js

@@ -25,13 +25,10 @@ import {
 } from "../../Hooks/useStyle";
 var animateGradientText = new Keyframes("animateGradientText", {
   "0%": {
-    backgroundPosition: "0% 50%"
-  },
-  "50%": {
-    backgroundPosition: "100% 50%"
+    backgroundPosition: "100%"
   },
   "100%": {
-    backgroundPosition: "0% 50%"
+    backgroundPosition: "-100%"
   }
 });
 var genStyle = (token) => {
@@ -45,14 +42,12 @@ var genStyle = (token) => {
       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%",
+        backgroundSize: "200% 100%",
         backgroundClip: "text",
         WebkitBackgroundClip: "text",
         color: "transparent",

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

@@ -52,5 +52,6 @@ export interface TextAnimateProps extends MotionProps {
      */
     accessible?: boolean;
 }
+export declare const resolveSegments: (children: React.ReactNode, by: AnimationType) => React.ReactNode[];
 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 {};

package/dist/Components/TextAnimate/index.js

@@ -34,7 +34,7 @@ var __objRest = (source, exclude) => {
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import { AnimatePresence, motion } from "framer-motion";
-import { isString } from "lodash";
+import { isNumber, isObject, isString } from "lodash";
 import toArray from "rc-util/lib/Children/toArray";
 import React, { memo, useContext } from "react";
 import { useTextAnimateStyle } from "./style";
@@ -266,19 +266,29 @@ var defaultItemAnimationVariants = {
   }
 };
 var resolveSegments = (children, by) => {
-  if (!isString(children))
-    return toArray(children);
-  switch (by) {
-    case "word":
-      return children.split(/(\s+)/);
-    case "character":
-      return children.split("");
-    case "line":
-      return children.split("\n");
-    case "text":
-    default:
-      return [children];
-  }
+  const result = [];
+  toArray(children).forEach((item) => {
+    if (isString(item) || isNumber(item)) {
+      const itemString = item.toString();
+      switch (by) {
+        case "word":
+          result.push(...itemString.split(/(\s+)/));
+          break;
+        case "character":
+          result.push(...itemString.split(""));
+          break;
+        case "line":
+          result.push(...itemString.split("\n"));
+          break;
+        case "text":
+        default:
+          result.push(itemString);
+      }
+    } else {
+      result.push(item);
+    }
+  });
+  return result;
 };
 var TextAnimateBase = (_a) => {
   var _b = _a, {
@@ -367,7 +377,7 @@ var TextAnimateBase = (_a) => {
       segments.map((segment, i) => /* @__PURE__ */ React.createElement(
         motion.span,
         {
-          key: `${by}-${isString(segment) ? segment : segment == null ? void 0 : segment.key}-${i}`,
+          key: `${by}-${isObject(segment) ? segment.key : segment}-${i}`,
           variants: finalVariants.item,
           custom: i * staggerTimings[by],
           className: classNames(
@@ -384,5 +394,6 @@ var TextAnimateBase = (_a) => {
 };
 var TextAnimate = memo(TextAnimateBase);
 export {
-  TextAnimate
+  TextAnimate,
+  resolveSegments
 };

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

@@ -1,7 +1,7 @@
 import { MotionProps } from 'framer-motion';
 import React from 'react';
 export interface TypingAnimationProps extends MotionProps {
-    children?: string;
+    children?: React.ReactNode;
     words?: string[];
     className?: string;
     duration?: number;

package/dist/Components/TypingAnimation/index.js

@@ -31,7 +31,9 @@ var __objRest = (source, exclude) => {
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import { motion, useInView } from "framer-motion";
+import { isString } from "lodash";
 import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
+import { resolveSegments } from "../TextAnimate";
 import { useTypingAnimationStyle } from "./style";
 function TypingAnimation(_a) {
   var _b = _a, {
@@ -71,7 +73,7 @@ function TypingAnimation(_a) {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls("typing-animation");
   const { wrapSSR, hashId } = useTypingAnimationStyle(prefixCls);
-  const [displayedText, setDisplayedText] = useState("");
+  const [displayedText, setDisplayedText] = useState([]);
   const [currentWordIndex, setCurrentWordIndex] = useState(0);
   const [currentCharIndex, setCurrentCharIndex] = useState(0);
   const [phase, setPhase] = useState("typing");
@@ -81,7 +83,7 @@ function TypingAnimation(_a) {
     once: true
   });
   const wordsToAnimate = useMemo(
-    () => words || (children ? [children] : []),
+    () => words || [resolveSegments(children, "character")],
     [words, children]
   );
   const hasMultipleWords = wordsToAnimate.length > 1;
@@ -91,14 +93,14 @@ function TypingAnimation(_a) {
   useEffect(() => {
     if (!shouldStart || wordsToAnimate.length === 0)
       return;
-    const timeoutDelay = delay > 0 && displayedText === "" ? delay : phase === "typing" ? typingSpeed : phase === "deleting" ? deletingSpeed : pauseDelay;
+    const timeoutDelay = delay > 0 && displayedText.length === 0 ? delay : phase === "typing" ? typingSpeed : phase === "deleting" ? deletingSpeed : pauseDelay;
     const timeout = setTimeout(() => {
       const currentWord = wordsToAnimate[currentWordIndex] || "";
-      const graphemes = Array.from(currentWord);
+      const graphemes = isString(currentWord) ? Array.from(currentWord) : currentWord;
       switch (phase) {
         case "typing":
           if (currentCharIndex < graphemes.length) {
-            setDisplayedText(graphemes.slice(0, currentCharIndex + 1).join(""));
+            setDisplayedText(graphemes.slice(0, currentCharIndex + 1));
             setCurrentCharIndex(currentCharIndex + 1);
           } else {
             if (hasMultipleWords || loop) {
@@ -114,7 +116,7 @@ function TypingAnimation(_a) {
           break;
         case "deleting":
           if (currentCharIndex > 0) {
-            setDisplayedText(graphemes.slice(0, currentCharIndex - 1).join(""));
+            setDisplayedText(graphemes.slice(0, currentCharIndex - 1));
             setCurrentCharIndex(currentCharIndex - 1);
           } else {
             const nextIndex = (currentWordIndex + 1) % wordsToAnimate.length;
@@ -139,9 +141,7 @@ function TypingAnimation(_a) {
     pauseDelay,
     delay
   ]);
-  const currentWordGraphemes = Array.from(
-    wordsToAnimate[currentWordIndex] || ""
-  );
+  const currentWordGraphemes = isString(wordsToAnimate[currentWordIndex]) ? Array.from(wordsToAnimate[currentWordIndex]) : [wordsToAnimate[currentWordIndex]];
   const isComplete = !loop && currentWordIndex === wordsToAnimate.length - 1 && currentCharIndex >= currentWordGraphemes.length && phase !== "deleting";
   const shouldShowCursor = showCursor && !isComplete && (hasMultipleWords || loop || currentCharIndex < currentWordGraphemes.length);
   const getCursorChar = () => {