@ant-design/agentic-ui 2.0.20 → 2.0.22

package/dist/Components/lotties/{ShinyText → TextLoading}/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface ShinyTextProps {
+export interface TextLoadingProps {
     /**
      * 要显示的文本内容
      * @default "Loading..."
@@ -32,22 +32,22 @@ export interface ShinyTextProps {
     fontSize?: number | string;
 }
 /**
- * 闪光文字加载组件
+ * 文字加载组件
  *
  * 使用CSS动画展示闪光文字效果的加载状态组件，支持自定义文本、样式和动画开关。
  *
  * @component
  * @example
  * // 基础用法
- * <ShinyText />
+ * <TextLoading />
  *
  * @example
  * // 自定义文本
- * <ShinyText text="加载中..." />
+ * <TextLoading text="加载中..." />
  *
  * @example
  * // 自定义样式
- * <ShinyText
+ * <TextLoading
  *   text="正在处理"
  *   fontSize="20px"
  *   style={{ margin: '20px' }}
@@ -55,7 +55,7 @@ export interface ShinyTextProps {
  *
  * @example
  * // 禁用动画
- * <ShinyText disabled={true} />
+ * <TextLoading disabled={true} />
  *
  * @param props - 组件属性
  * @param props.text - 要显示的文本内容，默认为 "Loading..."
@@ -63,7 +63,7 @@ export interface ShinyTextProps {
  * @param props.className - 容器类名
  * @param props.style - 容器自定义样式
  * @param props.fontSize - 字体大小
- * @returns 渲染的闪光文字组件
+ * @returns 渲染的文字加载组件
  */
-export declare const ShinyText: React.FC<ShinyTextProps>;
-export default ShinyText;
+export declare const TextLoading: React.FC<TextLoadingProps>;
+export default TextLoading;

package/dist/Components/lotties/{ShinyText → TextLoading}/index.js

@@ -15,12 +15,12 @@ var __spreadValues = (a, b) => {
   return a;
 };
 
-// src/Components/lotties/ShinyText/index.tsx
+// src/Components/lotties/TextLoading/index.tsx
 import { ConfigProvider } from "antd";
 import cx from "classnames";
 import React, { useContext } from "react";
 import { useStyle } from "./style";
-var ShinyText = ({
+var TextLoading = ({
   text = "Loading...",
   disabled = false,
   theme = "light",
@@ -29,7 +29,7 @@ var ShinyText = ({
   fontSize
 }) => {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("agentic-shiny-text");
+  const prefixCls = getPrefixCls("agentic-text-loading");
   const { wrapSSR, hashId } = useStyle(prefixCls);
   const containerStyle = __spreadValues({
     fontSize
@@ -44,7 +44,7 @@ var ShinyText = ({
           [`${prefixCls}-light`]: theme === "light"
         }),
         style: containerStyle,
-        "data-testid": "shiny-text",
+        "data-testid": "text-loading",
         "aria-label": text,
         role: "status",
         "aria-live": "polite"
@@ -53,8 +53,8 @@ var ShinyText = ({
     )
   );
 };
-var ShinyText_default = ShinyText;
+var TextLoading_default = TextLoading;
 export {
-  ShinyText,
-  ShinyText_default as default
+  TextLoading,
+  TextLoading_default as default
 };

package/dist/Components/lotties/{ShinyText → TextLoading}/style.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
-// src/Components/lotties/ShinyText/style.ts
+// src/Components/lotties/TextLoading/style.ts
 import { Keyframes } from "@ant-design/cssinjs";
 import {
   useEditorStyleRegister
@@ -72,11 +72,11 @@ var genStyle = (token) => {
   };
 };
 function useStyle(prefixCls) {
-  return useEditorStyleRegister("ShinyText", (token) => {
-    const shinyTextToken = __spreadProps(__spreadValues({}, token), {
+  return useEditorStyleRegister("TextLoading", (token) => {
+    const textLoadingToken = __spreadProps(__spreadValues({}, token), {
       componentCls: `.${prefixCls}`
     });
-    return [genStyle(shinyTextToken)];
+    return [genStyle(textLoadingToken)];
   });
 }
 export {

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

@@ -1 +1 @@
-export * from './ShinyText';
+export * from './TextLoading';

package/dist/Components/lotties/index.js

@@ -1,2 +1,2 @@
 // src/Components/lotties/index.ts
-export * from "./ShinyText";
+export * from "./TextLoading";

package/dist/History/components/HistoryItem.js

@@ -109,7 +109,11 @@ var HistoryItemSingle = React.memo(
     const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
     const prefixCls = getPrefixCls("agentic-chat-history-menu");
     const { hashId } = useStyle(prefixCls);
-    const { textRef, isTextOverflow } = useTextOverflow(item.sessionTitle);
+    const displayText = React.useMemo(
+      () => item.displayTitle || item.sessionTitle,
+      [item.displayTitle, item.sessionTitle]
+    );
+    const { textRef, isTextOverflow } = useTextOverflow(displayText);
     const isRunning = React.useMemo(
       () => runningId == null ? void 0 : runningId.includes(String(item.id || "")),
       [runningId, item.id]
@@ -205,7 +209,7 @@ var HistoryItemSingle = React.memo(
             /* @__PURE__ */ React.createElement(
               Tooltip,
               {
-                title: isTextOverflow ? item.sessionTitle : null,
+                title: isTextOverflow ? displayText : null,
                 mouseEnterDelay: 0.3,
                 open: isTextOverflow ? void 0 : false
               },
@@ -219,7 +223,7 @@ var HistoryItemSingle = React.memo(
                     color: "var(--color-gray-text-default)"
                   }
                 },
-                item.sessionTitle
+                displayText
               )
             )
           )
@@ -270,7 +274,11 @@ var HistoryItemMulti = React.memo(
     const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
     const prefixCls = getPrefixCls("agentic-chat-history-menu");
     const { hashId } = useStyle(prefixCls);
-    const { textRef, isTextOverflow } = useTextOverflow(item.sessionTitle);
+    const displayText = React.useMemo(
+      () => item.displayTitle || item.sessionTitle,
+      [item.displayTitle, item.sessionTitle]
+    );
+    const { textRef, isTextOverflow } = useTextOverflow(displayText);
     const isTask = React.useMemo(() => type === "task", [type]);
     const { locale } = React.useContext(I18nContext);
     const shouldShowIcon = React.useMemo(
@@ -386,7 +394,7 @@ var HistoryItemMulti = React.memo(
             /* @__PURE__ */ React.createElement(
               Tooltip,
               {
-                title: isTextOverflow ? item.sessionTitle : null,
+                title: isTextOverflow ? displayText : null,
                 mouseEnterDelay: 0.3,
                 open: isTextOverflow ? void 0 : false
               },
@@ -399,7 +407,7 @@ var HistoryItemMulti = React.memo(
                     color: "var(--color-gray-text-default)"
                   }
                 },
-                item.sessionTitle
+                displayText
               )
             )
           ),

package/dist/History/types/HistoryData.d.ts

@@ -9,6 +9,8 @@ export type HistoryDataType = {
     tenantId?: string;
     /** 会话标题 */
     sessionTitle?: React.ReactNode;
+    /** 展示标题（标题自定义渲染，不参与内置的搜索功能） */
+    displayTitle?: React.ReactNode;
     /** 会话描述/副标题 */
     description?: React.ReactNode;
     /** 会话图标 */

package/dist/MarkdownEditor/editor/components/ContributorAvatar/index.js

@@ -45,7 +45,7 @@ var ContributorAvatar = (props) => {
 };
 var AvatarList = ({ displayList, style }) => {
   const context = React.useContext(ConfigProvider.ConfigContext);
-  const baseCls = context == null ? void 0 : context.getPrefixCls("agentic-md-editor-contributor-avatar-list");
+  const baseCls = context == null ? void 0 : context.getPrefixCls("agentic-contributor-avatar-list");
   const { wrapSSR, hashId } = useStyle(baseCls);
   return wrapSSR(
     /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(

package/dist/MarkdownEditor/editor/elements/Table/TableRowIndex/index.js

@@ -11,7 +11,9 @@ var TableRowIndex = ({
   tablePath
 }) => {
   const context = useContext(ConfigProvider.ConfigContext);
-  const baseClassName = context == null ? void 0 : context.getPrefixCls("agentic-md-editor-table-row-index");
+  const baseClassName = context == null ? void 0 : context.getPrefixCls(
+    "agentic-md-editor-table-row-index"
+  );
   const { wrapSSR, hashId } = useStyle(baseClassName);
   return wrapSSR(
     /* @__PURE__ */ React.createElement(

package/dist/MarkdownEditor/editor/elements/TagPopup/index.js

@@ -109,7 +109,7 @@ var handleMouseLeave = (domRef) => {
     return;
   target.classList.add("no-focus");
 };
-var createDefaultDom = (domRef, baseCls, hashId, loading, selectedItems, children, text, placeholder) => {
+var createDefaultDom = (domRef, baseCls, hashId, loading, selectedItems, children, text, placeholder, isOpen) => {
   const isEmpty = !(text == null ? void 0 : text.trim());
   const hasItems = (selectedItems == null ? void 0 : selectedItems.length) > 0;
   return /* @__PURE__ */ React.createElement(
@@ -124,14 +124,15 @@ var createDefaultDom = (domRef, baseCls, hashId, loading, selectedItems, childre
       onMouseEnter: () => handleMouseEnter(domRef),
       onMouseLeave: () => handleMouseLeave(domRef),
       title: placeholder,
-      contentEditable: !hasItems
+      contentEditable: !hasItems ? void 0 : false
     },
     children,
     hasItems && /* @__PURE__ */ React.createElement(
       ChevronDown,
       {
         className: classNames(`${baseCls}-tag-popup-input-arrow `, hashId, {
-          empty: isEmpty
+          empty: isEmpty,
+          open: isOpen
         })
       }
     )
@@ -231,6 +232,7 @@ var TagPopup = (props) => {
     initializeAutoOpen(props.autoOpen, type, setOpen, suggestionConnext);
   }, []);
   const placeholder = props.placeholder;
+  const isOpen = type === "dropdown" ? open : (suggestionConnext == null ? void 0 : suggestionConnext.open) || false;
   const defaultDom = createDefaultDom(
     domRef,
     baseCls,
@@ -239,7 +241,8 @@ var TagPopup = (props) => {
     selectedItems,
     children,
     props.text,
-    placeholder
+    placeholder,
+    isOpen
   );
   const renderDom = getRenderDom(
     props.tagRender,

package/dist/MarkdownEditor/editor/elements/TagPopup/style.js

@@ -57,7 +57,11 @@ var genStyle = (token) => {
           right: "4px",
           top: "50%",
           transform: "translateY(-50%)",
-          color: "var(--color-primary-text-disabled)"
+          color: "var(--color-primary-text-disabled)",
+          transition: "transform 0.2s ease",
+          "&.open": {
+            transform: "translateY(-50%) rotate(180deg)"
+          }
         }
       },
       "&-tag-popup-input-has-arrow": {

package/dist/MarkdownEditor/editor/plugins/withMarkdown.js

@@ -1,3 +1,23 @@
+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/MarkdownEditor/editor/plugins/withMarkdown.ts
 import { Editor, Node, Path, Range, Transforms } from "slate";
 import { ReactEditor } from "slate-react";
@@ -206,6 +226,17 @@ var handleCodeTagOperation = (editor, operation, apply) => {
         });
         return true;
       }
+      if (currentNode.text === operation.text) {
+        Editor.withoutNormalizing(editor, () => {
+          Transforms.removeNodes(editor, { at: operation.path });
+          Transforms.insertNodes(
+            editor,
+            __spreadProps(__spreadValues({}, currentNode), { tag: true, code: true, text: " " }),
+            { at: operation.path, select: true }
+          );
+        });
+        return true;
+      }
       apply(operation);
       return true;
     }
@@ -219,6 +250,17 @@ var handleCodeTagOperation = (editor, operation, apply) => {
         return true;
       }
     }
+    if ((currentNode == null ? void 0 : currentNode.tag) && operation.text.trim().length > 0 && currentNode.text.trim().length === 0) {
+      Editor.withoutNormalizing(editor, () => {
+        Transforms.removeNodes(editor, { at: operation.path });
+        Transforms.insertNodes(
+          editor,
+          __spreadProps(__spreadValues({}, currentNode), { tag: true, code: true, text: operation.text }),
+          { at: operation.path, select: true }
+        );
+      });
+      return true;
+    }
   }
   if (operation.type === "split_node") {
     const node = Node.get(editor, operation.path);

package/dist/MarkdownInputField/AttachmentButton/style.js

@@ -39,7 +39,7 @@ var genStyle = (token) => {
       color: "var(--color-gray-text-secondary)",
       gap: 4,
       "&:hover": {
-        backgroundColor: "rgba(0, 28, 57, 0.0353)"
+        backgroundColor: "var(--color-gray-control-fill-hover)"
       },
       [`${token.componentCls}-file-list`]: {
         "&-item": {

package/dist/MarkdownInputField/BeforeToolContainer/BeforeToolContainer.js

@@ -33,7 +33,8 @@ var SCROLL_STYLE = {
   overflowY: "hidden",
   WebkitOverflowScrolling: "touch",
   overscrollBehavior: "contain",
-  touchAction: "pan-x"
+  touchAction: "pan-x",
+  paddingRight: 54
 };
 var POPOVER_OVERLAY_STYLE = { padding: 0 };
 var DraggablePopupItem = React.memo((props) => {
@@ -372,7 +373,7 @@ var ActionItemContainer = (props) => {
               trigger: "click",
               placement: "topRight",
               arrow: false,
-              overlayInnerStyle: POPOVER_OVERLAY_STYLE,
+              styles: { body: POPOVER_OVERLAY_STYLE },
               overlayClassName: classNames(
                 `${basePrefixCls}-overflow-popover`,
                 hashId

package/dist/MarkdownInputField/FileMapView/index.d.ts

@@ -9,8 +9,8 @@ export type FileMapViewProps = {
     onPreview?: (file: AttachmentFile) => void;
     /** 下载文件回调 */
     onDownload?: (file: AttachmentFile) => void;
-    /** 点击"查看所有文件"回调，携带当前所有文件列表 */
-    onViewAll?: (files: AttachmentFile[]) => void;
+    /** 点击"查看所有文件"回调，携带当前所有文件列表。返回 true 时组件内部展开所有文件，返回 false 时由外部处理 */
+    onViewAll?: (files: AttachmentFile[]) => boolean | Promise<boolean>;
     /** 自定义更多操作 DOM（优先于 onMore，传入则展示该 DOM，不传则不展示更多按钮） */
     renderMoreAction?: (file: AttachmentFile) => React.ReactNode;
     /** 自定义悬浮动作区 slot（传入则覆盖默认『预览/下载/更多』动作区） */

package/dist/MarkdownInputField/FileMapView/index.js

@@ -1,18 +1,40 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
 // src/MarkdownInputField/FileMapView/index.tsx
 import { FileSearch } from "@sofa-design/icons";
 import { ConfigProvider, Image } from "antd";
 import classNames from "classnames";
 import { motion } from "framer-motion";
-import React, { useContext, useMemo } from "react";
+import React, { useContext, useMemo, useState } from "react";
 import { isImageFile } from "../AttachmentButton/utils";
 import { FileMapViewItem } from "./FileMapViewItem";
 import { useStyle } from "./style";
 var FileMapView = (props) => {
   var _a;
-  const { placement = "left", showMoreButton = true } = props;
+  const { placement = "left" } = props;
   const context = useContext(ConfigProvider.ConfigContext);
   const prefix = context == null ? void 0 : context.getPrefixCls("agentic-md-editor-file-view-list");
   const { wrapSSR, hashId } = useStyle(prefix);
+  const [showAllFiles, setShowAllFiles] = useState(false);
   const fileList = useMemo(() => {
     var _a2;
     if (!props.fileMap) {
@@ -27,11 +49,21 @@ var FileMapView = (props) => {
     return fileList.filter((file) => !isImageFile(file));
   }, [fileList]);
   const noImageFileList = useMemo(() => {
-    if (props.maxDisplayCount === void 0) {
+    if (showAllFiles || props.maxDisplayCount === void 0) {
       return allNoImageFiles;
     }
     return allNoImageFiles.slice(0, Math.max(0, props.maxDisplayCount));
-  }, [allNoImageFiles, props.maxDisplayCount]);
+  }, [allNoImageFiles, props.maxDisplayCount, showAllFiles]);
+  const handleViewAllClick = () => __async(void 0, null, function* () {
+    if (props.onViewAll) {
+      const shouldExpand = yield props.onViewAll(fileList);
+      if (shouldExpand) {
+        setShowAllFiles(true);
+      }
+    } else {
+      setShowAllFiles(true);
+    }
+  });
   return wrapSSR(
     /* @__PURE__ */ React.createElement(
       "div",
@@ -118,9 +150,7 @@ var FileMapView = (props) => {
             hashId,
             props.className,
             `${prefix}-${placement}`,
-            {
-              [`${prefix}-vertical`]: placement === "left"
-            }
+            `${prefix}-vertical`
           ),
           style: props.style
         },
@@ -148,15 +178,12 @@ var FileMapView = (props) => {
             }
           );
         }),
-        showMoreButton && props.maxDisplayCount !== void 0 && allNoImageFiles.length > props.maxDisplayCount ? /* @__PURE__ */ React.createElement(
+        props.maxDisplayCount !== void 0 && allNoImageFiles.length > props.maxDisplayCount && !showAllFiles ? /* @__PURE__ */ React.createElement(
           "div",
           {
             style: { width: (_a = props.style) == null ? void 0 : _a.width },
             className: classNames(hashId, `${prefix}-more-file-container`),
-            onClick: () => {
-              var _a2;
-              return (_a2 = props.onViewAll) == null ? void 0 : _a2.call(props, fileList);
-            }
+            onClick: handleViewAllClick
           },
           /* @__PURE__ */ React.createElement(FileSearch, { color: "var(--color-gray-text-secondary)" }),
           /* @__PURE__ */ React.createElement("div", { className: classNames(hashId, `${prefix}-more-file-name`) }, /* @__PURE__ */ React.createElement("span", { style: { whiteSpace: "nowrap" } }, "查看此任务中的所有文件"))

package/dist/MarkdownInputField/FileMapView/style.js

@@ -45,9 +45,12 @@ var genStyle = (token) => {
       },
       "&-vertical": {
         display: "flex",
-        flexDirection: "column",
+        flexDirection: "row",
+        flexWrap: "wrap",
         alignItems: "flex-start",
-        gap: 4
+        gap: 4,
+        maxWidth: "calc(285px * 3 + 4px * 2)"
+        // 3列：每列285px，间距4px
       },
       "&::-webkit-scrollbar": {
         width: 6
@@ -116,7 +119,7 @@ var genStyle = (token) => {
         borderRadius: "var(--radius-card-base)"
       },
       "&-more-file-container": {
-        width: "294px",
+        width: "285px",
         height: "56px",
         borderRadius: "var(--radius-card-base)",
         background: "var(--color-gray-bg-card-white)",
@@ -140,7 +143,7 @@ var genStyle = (token) => {
         color: "var(--color-gray-text-secondary)"
       },
       "&-item": {
-        width: "294px",
+        width: "285px",
         height: "56px",
         borderRadius: "var(--radius-card-base)",
         opacity: 1,
@@ -230,7 +233,7 @@ var genStyle = (token) => {
         "&-file-name": {
           color: "var(--color-gray-text-default)",
           fontSize: "var(--font-text-h6-base)",
-          width: "160px",
+          width: "150px",
           alignItems: "center",
           lineHeight: "18px",
           fontFamily: token.fontFamily,
@@ -238,7 +241,7 @@ var genStyle = (token) => {
           display: "flex",
           overflow: "hidden",
           "&-text": {
-            maxWidth: "160px",
+            maxWidth: "150px",
             whiteSpace: "nowrap !important",
             wordWrap: "normal",
             wordBreak: "keep-all",