@ant-design/agentic-ui 2.0.18 → 2.0.20

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -63,8 +63,6 @@ import React, {
   useRef,
   useState
 } from "react";
-import { Editor, Transforms } from "slate";
-import { ReactEditor } from "slate-react";
 import { useRefFunction } from "../Hooks/useRefFunction";
 import {
   BaseMarkdownEditor
@@ -318,30 +316,6 @@ var MarkdownInputField = (_a) => {
       }
     }
   );
-  const handleContainerClick = useRefFunction(
-    (e) => {
-      var _a3, _b3, _c2, _d2;
-      if ((_a3 = markdownEditorRef == null ? void 0 : markdownEditorRef.current) == null ? void 0 : _a3.store.inputComposition)
-        return;
-      if (props.disabled)
-        return;
-      if ((_b3 = actionsRef.current) == null ? void 0 : _b3.contains(e.target))
-        return;
-      if ((_c2 = quickActionsRef.current) == null ? void 0 : _c2.contains(e.target))
-        return;
-      const editor = (_d2 = markdownEditorRef.current) == null ? void 0 : _d2.markdownEditorRef.current;
-      if (!editor)
-        return;
-      if (ReactEditor.isFocused(editor))
-        return;
-      ReactEditor.focus(editor);
-      Transforms.move(editor, { distance: 1, unit: "offset" });
-      Transforms.select(editor, {
-        anchor: Editor.end(editor, []),
-        focus: Editor.end(editor, [])
-      });
-    }
-  );
   const sendActionsNode = /* @__PURE__ */ React.createElement(
     SendActions,
     {
@@ -412,8 +386,7 @@ var MarkdownInputField = (_a) => {
           tabIndex: 1,
           onMouseEnter: () => setHover(true),
           onMouseLeave: () => setHover(false),
-          onKeyDown: handleKeyDown,
-          onClick: handleContainerClick
+          onKeyDown: handleKeyDown
         },
         /* @__PURE__ */ React.createElement(
           "div",
@@ -504,7 +477,7 @@ var MarkdownInputField = (_a) => {
                     },
                     readonly: isLoading,
                     contentStyle: {
-                      padding: "var(--padding-card-base)"
+                      padding: "var(--padding-3x)"
                     },
                     textAreaProps: {
                       enable: true,
@@ -552,9 +525,9 @@ var MarkdownInputField = (_a) => {
                   justifyContent: "space-between",
                   gap: 8,
                   width: "100%",
-                  paddingRight: "var(--padding-card-base)",
-                  paddingLeft: "var(--padding-card-base)",
-                  paddingBottom: "var(--padding-card-base)"
+                  paddingRight: "var(--padding-3x)",
+                  paddingLeft: "var(--padding-3x)",
+                  paddingBottom: "var(--padding-3x)"
                 }
               },
               /* @__PURE__ */ React.createElement(

package/dist/MarkdownInputField/QuickActions/index.js

@@ -90,6 +90,12 @@ var QuickActions = React.forwardRef(
         "div",
         {
           ref,
+          onBlur: (e) => {
+            e.stopPropagation();
+          },
+          onFocus: (e) => {
+            e.stopPropagation();
+          },
           contentEditable: false,
           onClick: (e) => {
             e.stopPropagation();

package/dist/MarkdownInputField/VoiceInput/index.js

@@ -60,7 +60,8 @@ var VoiceInputButton = (props) => {
     /* @__PURE__ */ React.createElement(
       Tooltip,
       {
-        mouseEnterDelay: 0.3,
+        mouseEnterDelay: 2,
+        arrow: false,
         title: recording ? (locale == null ? void 0 : locale["input.voiceInputting"]) || "语音输入中，点击可停止。" : (locale == null ? void 0 : locale["input.voiceInput"]) || "语音输入"
       },
       /* @__PURE__ */ React.createElement(

package/dist/MarkdownInputField/style.js

@@ -156,15 +156,8 @@ var genStyle = (token) => {
         // 限定绘制范围，降低重绘影响
         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 +193,7 @@ var genStyle = (token) => {
       "&-editor-content": {
         overflowY: "auto",
         maxHeight: "inherit",
+        borderRadius: "inherit",
         scrollbarColor: "var(--color-gray-text-tertiary) transparent",
         scrollbarWidth: "thin"
       },
@@ -219,10 +213,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.20",
   "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",