@ant-design/agentic-ui 2.0.21 → 2.0.23

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/components/LazyElement/index.js

@@ -29,18 +29,28 @@ var LazyElement = ({
   const [isVisible, setIsVisible] = useState(false);
   const [hasRendered, setHasRendered] = useState(false);
   const [isIntersecting, setIsIntersecting] = useState(false);
+  const observerRef = useRef(null);
   useEffect(() => {
     const container = containerRef.current;
     if (!container)
       return;
+    if (hasRendered)
+      return;
+    if (observerRef.current) {
+      observerRef.current.disconnect();
+      observerRef.current = null;
+    }
     const observer = new IntersectionObserver(
       (entries) => {
         entries.forEach((entry) => {
           setIsIntersecting(entry.isIntersecting);
-          if (entry.isIntersecting) {
+          if (entry.isIntersecting && !hasRendered) {
             setIsVisible(true);
             setHasRendered(true);
-            observer.disconnect();
+            if (observerRef.current) {
+              observerRef.current.disconnect();
+              observerRef.current = null;
+            }
           }
         });
       },
@@ -49,11 +59,33 @@ var LazyElement = ({
         threshold: 0
       }
     );
+    observerRef.current = observer;
     observer.observe(container);
+    const timeoutId = setTimeout(() => {
+      const rect = container.getBoundingClientRect();
+      const windowHeight = window.innerHeight || document.documentElement.clientHeight;
+      const windowWidth = window.innerWidth || document.documentElement.clientWidth;
+      if (!hasRendered && (rect.height > 0 || rect.width > 0) && windowHeight > 0 && windowWidth > 0) {
+        const margin = parseInt(rootMargin) || 200;
+        const isInViewport = rect.top < windowHeight + margin && rect.bottom > -margin && rect.left < windowWidth + margin && rect.right > -margin;
+        if (isInViewport) {
+          setIsVisible(true);
+          setHasRendered(true);
+          if (observerRef.current) {
+            observerRef.current.disconnect();
+            observerRef.current = null;
+          }
+        }
+      }
+    }, 100);
     return () => {
-      observer.disconnect();
+      clearTimeout(timeoutId);
+      if (observerRef.current) {
+        observerRef.current.disconnect();
+        observerRef.current = null;
+      }
     };
-  }, [rootMargin]);
+  }, [rootMargin, hasRendered]);
   if (hasRendered || isVisible) {
     return /* @__PURE__ */ React.createElement("div", { ref: containerRef }, children);
   }

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(
@@ -131,7 +131,8 @@ var createDefaultDom = (domRef, baseCls, hashId, loading, selectedItems, childre
       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/parser/parserMarkdownToSlateNode.d.ts

@@ -1,3 +1,7 @@
+/**
+ * 此文件包含大量相互依赖的函数，为了保持代码的可读性和逻辑分组，
+ * 我们允许函数在定义前使用（函数提升）
+ */
 import { Elements } from '../../el';
 import { MarkdownEditorPlugin } from '../../plugin';
 export declare const decodeURIComponentUrl: (url: string) => string;