@ant-design/agentic-ui 2.0.18 → 2.0.21

package/dist/MarkdownInputField/style.js

@@ -65,24 +65,8 @@ var stopIconRotate = new Keyframes("stopIconRotate", {
     transform: "rotate(360deg)"
   }
 });
-var rotateFadeOnce = new Keyframes("rotateFadeOnce", {
-  "0%": {
-    "--mif-angle": "42deg",
-    opacity: 1
-  },
-  "100%": {
-    "--mif-angle": "calc(42deg + 1turn)",
-    opacity: 0
-  }
-});
 var genStyle = (token) => {
   return {
-    // 声明 CSS 自定义属性 --mif-angle，使其可动画（需浏览器支持 @property）
-    "@property --mif-angle": {
-      syntax: '"<angle>"',
-      "initial-value": "0deg",
-      inherits: false
-    },
     [token.componentCls]: {
       width: "100%",
       height: "100%",
@@ -101,16 +85,7 @@ var genStyle = (token) => {
         boxSizing: "border-box"
       },
       "&:active,&.active": {
-        [`${token.componentCls}-background`]: {
-          opacity: 0,
-          height: "100%",
-          backgroundImage: "radial-gradient(127% 127% at 0% 0%, rgba(255, 255, 255, 0) 57%, #EEF0F5 84%),linear-gradient(var(--mif-angle), #D7B9FF 14%, #9BA0FF 57%, #09B1FF 98%)",
-          // 单一动画：一次性旋转并淡出
-          animationName: rotateFadeOnce,
-          animationDuration: "2.5s",
-          animationTimingFunction: "ease-in-out",
-          animationIterationCount: "1"
-        }
+        outline: "1px solid transparent"
       },
       "&-enlarged": {
         "> div:last-child": {
@@ -134,37 +109,10 @@ var genStyle = (token) => {
           maxHeight: "none",
           overflow: "auto",
           width: "100%"
-        },
-        [`${token.componentCls}-background`]: {
-          // 放大时保持和普通状态相同的背景效果
-          opacity: 1
-        }
-      },
-      "&-background": {
-        boxSizing: "border-box",
-        position: "absolute",
-        width: "calc(100% - 4px)",
-        height: "calc(100% - 4px)",
-        zIndex: 2,
-        backgroundColor: "transparent",
-        pointerEvents: "none",
-        borderRadius: "inherit",
-        // 自定义属性控制线性渐变角度，默认与原始设计保持一致 42deg
-        "--mif-angle": "42deg",
-        // 提示浏览器该节点将频繁重绘背景图像
-        willChange: "background-image",
-        // 限定绘制范围，降低重绘影响
-        contain: "paint"
-      },
-      "&:focus": {
-        boxShadow: "none",
-        [`${token.componentCls}-background`]: {
-          opacity: 1
         }
       },
       "&-border-wrapper": {
         width: "100%",
-        border: "2px solid transparent",
         zIndex: 9,
         height: "100%",
         boxSizing: "border-box"
@@ -200,6 +148,7 @@ var genStyle = (token) => {
       "&-editor-content": {
         overflowY: "auto",
         maxHeight: "inherit",
+        borderRadius: "inherit",
         scrollbarColor: "var(--color-gray-text-tertiary) transparent",
         scrollbarWidth: "thin"
       },
@@ -219,10 +168,10 @@ var genStyle = (token) => {
       "&-send-actions": {
         position: "absolute",
         userSelect: "none",
-        right: 4,
+        right: 12,
         boxSizing: "border-box",
         zIndex: 99,
-        bottom: 8,
+        bottom: 12,
         display: "flex",
         gap: "8px",
         alignItems: "center",

package/dist/WelcomeMessage/index.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
+import { TextAnimateProps } from '../Components/TextAnimate';
+import { TypingAnimationProps } from '../Components/TypingAnimation';
+export type WelcomeMessageTitleAnimateProps = Pick<TextAnimateProps, 'delay' | 'duration' | 'variants' | 'by' | 'startOnView' | 'once' | 'animation'>;
+export type WelcomeMessageDescriptionAnimateProps = Pick<TypingAnimationProps, 'duration' | 'typeSpeed' | 'deleteSpeed' | 'delay' | 'pauseDelay' | 'loop' | 'startOnView' | 'showCursor' | 'blinkCursor' | 'cursorStyle'>;
 /**
  * WelcomeMessage 组件的属性接口
  * @interface WelcomeMessageProps
@@ -7,12 +11,16 @@ export interface WelcomeMessageProps {
     /** 标题 */
     title?: React.ReactNode;
     /** 描述 */
-    description?: React.ReactNode;
+    description?: string;
     /** 自定义样式类名，用于各个提示项的不同部分 */
     classNames?: {
         title?: string;
         description?: string;
     };
+    /** 标题动画属性 */
+    titleAnimateProps?: WelcomeMessageTitleAnimateProps;
+    /** 描述动画属性 */
+    descriptionAnimateProps?: WelcomeMessageDescriptionAnimateProps;
     /** 自定义样式 */
     style?: React.CSSProperties;
     /** 自定义根节点样式类名 */
@@ -28,10 +36,12 @@ export interface WelcomeMessageProps {
  * @description 欢迎消息组件，用于显示聊天开始时的欢迎信息
  * @param {WelcomeMessageProps} props - 组件属性
  * @param {React.ReactNode} [props.title] - 欢迎标题
- * @param {React.ReactNode} [props.description] - 欢迎描述
+ * @param {string} [props.description] - 欢迎描述
  * @param {Object} [props.classNames] - 自定义样式类名
  * @param {string} [props.classNames.title] - 标题样式类名
  * @param {string} [props.classNames.description] - 描述样式类名
+ * @param {WelcomeMessageTitleAnimateProps} [props.titleAnimateProps] - 标题动画属性
+ * @param {WelcomeMessageDescriptionAnimateProps} [props.descriptionAnimateProps] - 描述动画属性
  * @param {React.CSSProperties} [props.style] - 自定义样式
  * @param {string} [props.rootClassName] - 根节点样式类名
  *

package/dist/WelcomeMessage/index.js

@@ -1,12 +1,38 @@
+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/WelcomeMessage/index.tsx
 import { ConfigProvider } from "antd";
 import classnames from "classnames";
 import React, { useContext } from "react";
+import { TextAnimate } from "../Components/TextAnimate";
+import {
+  TypingAnimation
+} from "../Components/TypingAnimation";
 import { useStyle } from "./style";
 var WelcomeMessage = ({
   title,
   description,
   classNames,
+  titleAnimateProps,
+  descriptionAnimateProps,
   style,
   rootClassName
 }) => {
@@ -14,14 +40,24 @@ var WelcomeMessage = ({
   const prefixCls = getPrefixCls("agentic-welcome");
   const { wrapSSR, hashId } = useStyle(prefixCls);
   return wrapSSR(
-    /* @__PURE__ */ React.createElement("div", { className: classnames(prefixCls, hashId, rootClassName), style }, title && /* @__PURE__ */ React.createElement("div", { className: classnames(`${prefixCls}-title`, classNames == null ? void 0 : classNames.title) }, title), description && /* @__PURE__ */ React.createElement(
-      "div",
-      {
+    /* @__PURE__ */ React.createElement("div", { className: classnames(prefixCls, hashId, rootClassName), style }, title && /* @__PURE__ */ React.createElement(
+      TextAnimate,
+      __spreadProps(__spreadValues({
+        once: true
+      }, titleAnimateProps), {
+        as: "div",
+        className: classnames(`${prefixCls}-title`, classNames == null ? void 0 : classNames.title)
+      }),
+      title
+    ), description && /* @__PURE__ */ React.createElement(
+      TypingAnimation,
+      __spreadProps(__spreadValues({}, descriptionAnimateProps), {
+        as: "div",
         className: classnames(
           `${prefixCls}-description`,
           classNames == null ? void 0 : classNames.description
         )
-      },
+      }),
       description
     ))
   );

package/dist/WelcomeMessage/style.js

@@ -33,6 +33,7 @@ var genStyle = (token) => {
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
+        flexWrap: "wrap",
         gap: 12,
         color: "var(--color-gray-text-default)",
         font: "var(--font-text-h2-base)",

package/dist/Workspace/File/FileComponent.js

@@ -493,6 +493,7 @@ var FileComponent = ({
   const nodeIdCacheRef = useRef(
     /* @__PURE__ */ new WeakMap()
   );
+  const safeNodes = nodes || [];
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
   const { locale } = useContext(I18nContext);
   const prefixCls = getPrefixCls("workspace-file");
@@ -521,6 +522,28 @@ var FileComponent = ({
       handleBackToList();
     }
   }, [resetKey]);
+  useEffect(() => {
+    if (!previewFile)
+      return;
+    const findUpdatedFile = (nodesList) => {
+      for (const node of nodesList) {
+        if ("children" in node) {
+          const found = findUpdatedFile(node.children);
+          if (found)
+            return found;
+        } else {
+          if (node.id && node.id === previewFile.id || node.name === previewFile.name && node.type === previewFile.type) {
+            return node;
+          }
+        }
+      }
+      return null;
+    };
+    const updatedFile = findUpdatedFile(safeNodes);
+    if (updatedFile) {
+      setPreviewFile(updatedFile);
+    }
+  }, [nodes]);
   const handleToggleGroup = (groupId, type, collapsed) => {
     setCollapsedGroups((prev) => __spreadProps(__spreadValues({}, prev), {
       [groupId]: collapsed
@@ -627,7 +650,6 @@ var FileComponent = ({
       actionRef.current = null;
     };
   }, [actionRef, handlePreview, handleBackToList]);
-  const safeNodes = nodes || [];
   const hasKeyword = Boolean((keyword != null ? keyword : "").trim());
   const renderSearchInput = () => {
     if (!showSearch)

package/dist/index.d.ts

@@ -10,9 +10,9 @@ export * from './Components/ActionIconBox';
 export * from './Components/Button';
 export * from './Components/LayoutHeader';
 export * from './Components/Loading';
+export * from './Components/lotties';
 export * from './Components/SuggestionList';
 export * from './Components/VisualList';
-export * from './Components/lotties';
 export * from './Hooks/useAutoScroll';
 export { useLanguage } from './Hooks/useLanguage';
 export * from './Hooks/useRefFunction';
@@ -77,6 +77,9 @@ export * from './MarkdownInputField/VoiceInput';
 export * from './Schema/SchemaRenderer/templateEngine';
 export * from './Schema/validator';
 export * from './Utils/proxySandbox';
+export * from './Components/GradientText';
+export * from './Components/TextAnimate';
+export * from './Components/TypingAnimation';
 export * from './MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileListItem';
 export * from './MarkdownInputField/AttachmentButton/AttachmentFileList';
 export * from './MarkdownInputField/AttachmentButton/utils';

package/dist/index.js

@@ -10,9 +10,9 @@ export * from "./Components/ActionIconBox";
 export * from "./Components/Button";
 export * from "./Components/LayoutHeader";
 export * from "./Components/Loading";
+export * from "./Components/lotties";
 export * from "./Components/SuggestionList";
 export * from "./Components/VisualList";
-export * from "./Components/lotties";
 export * from "./Hooks/useAutoScroll";
 import { useLanguage } from "./Hooks/useLanguage";
 export * from "./Hooks/useRefFunction";
@@ -75,6 +75,9 @@ export * from "./MarkdownInputField/VoiceInput";
 export * from "./Schema/SchemaRenderer/templateEngine";
 export * from "./Schema/validator";
 export * from "./Utils/proxySandbox";
+export * from "./Components/GradientText";
+export * from "./Components/TextAnimate";
+export * from "./Components/TypingAnimation";
 export * from "./MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileListItem";
 export * from "./MarkdownInputField/AttachmentButton/AttachmentFileList";
 export * from "./MarkdownInputField/AttachmentButton/utils";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.0.18",
+  "version": "2.0.21",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -44,7 +44,7 @@
     "@ant-design/cssinjs": "^1.24.0",
     "@ant-design/icons": "^5.6.1",
     "@ant-design/pro-components": "^2.8.10",
-    "@ant-design/theme-token": "^0.0.15",
+    "@ant-design/theme-token": "^0.0.20",
     "@babel/runtime": "^7.28.4",
     "@better-scroll/core": "^2.5.1",
     "@better-scroll/mouse-wheel": "^2.5.1",
@@ -55,13 +55,13 @@
     "ace-builds": "^1.43.4",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
-    "antd": "^5.27.6",
+    "antd": "^5.28.0",
     "blob-util": "^2.0.2",
     "chart.js": "^4.5.1",
     "chartjs-plugin-datalabels": "^2.2.0",
     "classnames": "^2.5.1",
     "copy-to-clipboard": "^3.3.3",
-    "dayjs": "^1.11.18",
+    "dayjs": "^1.11.19",
     "diacritics": "^1.3.0",
     "direction": "^1.0.4",
     "dompurify": "^3.3.0",