@ant-design/agentic-ui 2.0.12 → 2.0.14

package/README.md

@@ -153,12 +153,12 @@ import { MarkdownEditor } from '@ant-design/agentic-ui';
 
 ### 📋 布局与容器组件
 
-| 组件         | 描述         | 主要功能                             |
-| ------------ | ------------ | ------------------------------------ |
-| `ChatLayout` | 聊天布局容器 | 标准聊天界面布局，支持左右栏、全屏等 |
-| `History`    | 历史记录组件 | 会话历史管理，支持搜索、筛选、导出   |
-| `Welcome`    | 欢迎页组件   | 应用启动欢迎页，展示功能介绍         |
-| `Quote`      | 引用组件     | 引用消息或内容                       |
+| 组件             | 描述         | 主要功能                             |
+| ---------------- | ------------ | ------------------------------------ |
+| `ChatLayout`     | 聊天布局容器 | 标准聊天界面布局，支持左右栏、全屏等 |
+| `History`        | 历史记录组件 | 会话历史管理，支持搜索、筛选、导出   |
+| `WelcomeMessage` | 欢迎语组件   | 应用启动欢迎语，展示功能介绍         |
+| `Quote`          | 引用组件     | 引用消息或内容                       |
 
 ### 🎯 交互与反馈组件
 
@@ -172,12 +172,12 @@ import { MarkdownEditor } from '@ant-design/agentic-ui';
 
 ### 🧠 智能体专属组件
 
-| 组件             | 描述          | 主要功能                     |
-| ---------------- | ------------- | ---------------------------- |
-| `ChatBoot`       | 聊天引导组件  | 快速回复、案例推荐等引导功能 |
-| `SchemaEditor`   | Schema 编辑器 | 结构化数据编辑               |
-| `SchemaForm`     | Schema 表单   | 基于 Schema 自动生成表单     |
-| `SchemaRenderer` | Schema 渲染器 | 渲染结构化数据               |
+| 组件             | 描述           | 主要功能                     |
+| ---------------- | -------------- | ---------------------------- |
+| `ChatBootPage`   | 对话启动页组件 | 快速回复、案例推荐等引导功能 |
+| `SchemaEditor`   | Schema 编辑器  | 结构化数据编辑               |
+| `SchemaForm`     | Schema 表单    | 基于 Schema 自动生成表单     |
+| `SchemaRenderer` | Schema 渲染器  | 渲染结构化数据               |
 
 ### 🔌 插件组件
 

package/dist/Bubble/AIBubble.js

@@ -167,7 +167,9 @@ var AIBubble = memo((props) => {
         {
           style: __spreadValues({
             minWidth: standalone ? "min(296px,100%)" : "0px",
-            paddingLeft: 12
+            paddingLeft: 12,
+            maxWidth: "100%",
+            width: "100%"
           }, styles == null ? void 0 : styles.bubbleListItemExtraStyle),
           className: cx(
             `${prefixClass}-bubble-after`,

package/dist/{ChatBoot → ChatBootPage}/ButtonTab.js

@@ -1,4 +1,4 @@
-// src/ChatBoot/ButtonTab.tsx
+// src/ChatBootPage/ButtonTab.tsx
 import React from "react";
 import { useStyle } from "./ButtonTabStyle";
 var ButtonTab = ({

package/dist/{ChatBoot → ChatBootPage}/ButtonTabGroup.js

@@ -1,4 +1,4 @@
-// src/ChatBoot/ButtonTabGroup.tsx
+// src/ChatBootPage/ButtonTabGroup.tsx
 import React, { useState } from "react";
 import ButtonTab from "./ButtonTab";
 import { useStyle } from "./ButtonTabGroupStyle";

package/dist/{ChatBoot → ChatBootPage}/ButtonTabGroupStyle.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
-// src/ChatBoot/ButtonTabGroupStyle.ts
+// src/ChatBootPage/ButtonTabGroupStyle.ts
 import {
   useEditorStyleRegister
 } from "../Hooks/useStyle";

package/dist/{ChatBoot → ChatBootPage}/ButtonTabStyle.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
-// src/ChatBoot/ButtonTabStyle.ts
+// src/ChatBootPage/ButtonTabStyle.ts
 import {
   useEditorStyleRegister
 } from "../Hooks/useStyle";

package/dist/{ChatBoot → ChatBootPage}/CaseReply.js

@@ -1,4 +1,4 @@
-// src/ChatBoot/CaseReply.tsx
+// src/ChatBootPage/CaseReply.tsx
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import React, { useContext, useState } from "react";

package/dist/{ChatBoot → ChatBootPage}/CaseReplyStyle.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
-// src/ChatBoot/CaseReplyStyle.ts
+// src/ChatBootPage/CaseReplyStyle.ts
 import {
   useEditorStyleRegister
 } from "../Hooks/useStyle";

package/dist/{ChatBoot → ChatBootPage}/Title.js

@@ -1,4 +1,4 @@
-// src/ChatBoot/Title.tsx
+// src/ChatBootPage/Title.tsx
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import React, { useContext } from "react";

package/dist/{ChatBoot → ChatBootPage}/index.js

@@ -1,4 +1,4 @@
-// src/ChatBoot/index.ts
+// src/ChatBootPage/index.ts
 import { default as default2 } from "./Title";
 import { default as default3 } from "./CaseReply";
 import { default as default4 } from "./ButtonTab";

package/dist/{ChatBoot → ChatBootPage}/style.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
-// src/ChatBoot/style.ts
+// src/ChatBootPage/style.ts
 import {
   useEditorStyleRegister
 } from "../Hooks/useStyle";

package/dist/MarkdownEditor/editor/Editor.js

@@ -104,6 +104,23 @@ var SlateMarkdownEditor = (props) => {
     readonly,
     setDomRect
   } = useEditorStore();
+  const lazyElementIndexRef = useRef(0);
+  const hasResetIndexRef = useRef(false);
+  const countLazyElements = useCallback((nodes) => {
+    let count = 0;
+    const traverse = (nodeList) => {
+      nodeList.forEach((node) => {
+        if (node.type !== "table-cell" && node.type !== "table-row") {
+          count++;
+        }
+        if (node.children && Array.isArray(node.children)) {
+          traverse(node.children);
+        }
+      });
+    };
+    traverse(nodes);
+    return count;
+  }, []);
   const changedMark = useRef(false);
   const value = useRef([EditorUtils.p]);
   const nodeRef = useRef();
@@ -599,6 +616,13 @@ var SlateMarkdownEditor = (props) => {
   const elementRenderElement = useCallback(
     (eleProps) => {
       var _a2, _b2, _c2, _d2, _e;
+      if (!hasResetIndexRef.current) {
+        lazyElementIndexRef.current = 0;
+        hasResetIndexRef.current = true;
+        Promise.resolve().then(() => {
+          hasResetIndexRef.current = false;
+        });
+      }
       const defaultDom = /* @__PURE__ */ React.createElement(
         ErrorBoundary,
         {
@@ -634,19 +658,27 @@ var SlateMarkdownEditor = (props) => {
         if (eleProps.element.type === "table-cell" || eleProps.element.type === "table-row") {
           return renderedDom;
         }
+        const currentIndex = lazyElementIndexRef.current;
+        lazyElementIndexRef.current += 1;
+        const totalElements = countLazyElements(value.current);
         return /* @__PURE__ */ React.createElement(
           LazyElement,
           {
             placeholderHeight: (_c2 = props.lazy) == null ? void 0 : _c2.placeholderHeight,
             rootMargin: (_d2 = props.lazy) == null ? void 0 : _d2.rootMargin,
-            renderPlaceholder: (_e = props.lazy) == null ? void 0 : _e.renderPlaceholder
+            renderPlaceholder: (_e = props.lazy) == null ? void 0 : _e.renderPlaceholder,
+            elementInfo: {
+              type: eleProps.element.type,
+              index: currentIndex,
+              total: totalElements
+            }
           },
           renderedDom
         );
       }
       return renderedDom;
     },
-    [props.eleItemRender, props.lazy, plugins, readonly]
+    [props.eleItemRender, props.lazy, plugins, readonly, countLazyElements]
   );
   const renderMarkdownLeaf = useRefFunction((leafComponentProps) => {
     const defaultDom = /* @__PURE__ */ React.createElement(

package/dist/MarkdownEditor/editor/components/LazyElement/index.d.ts

@@ -3,6 +3,15 @@ import React from 'react';
  * LazyElement 组件属性
  */
 export interface LazyElementProps {
+    /** 元素在文档中的位置信息 */
+    elementInfo: {
+        /** 元素类型 */
+        type: string;
+        /** 元素在文档中的索引 */
+        index: number;
+        /** 元素总数量 */
+        total: number;
+    };
     /** 子元素 */
     children: React.ReactNode;
     /** 占位符高度，默认 100px */
@@ -20,7 +29,7 @@ export interface LazyElementProps {
         /** 元素是否即将进入视口 */
         isIntersecting: boolean;
         /** 元素在文档中的位置信息 */
-        elementInfo?: {
+        elementInfo: {
             /** 元素类型 */
             type: string;
             /** 元素在文档中的索引 */

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

@@ -22,7 +22,8 @@ var LazyElement = ({
   placeholderHeight = 25,
   rootMargin = "200px",
   placeholderStyle,
-  renderPlaceholder
+  renderPlaceholder,
+  elementInfo
 }) => {
   const containerRef = useRef(null);
   const [isVisible, setIsVisible] = useState(false);
@@ -63,7 +64,8 @@ var LazyElement = ({
     return /* @__PURE__ */ React.createElement("div", { ref: containerRef, "aria-hidden": "true" }, renderPlaceholder({
       height: placeholderHeight,
       style: computedPlaceholderStyle,
-      isIntersecting
+      isIntersecting,
+      elementInfo
     }));
   }
   return /* @__PURE__ */ React.createElement(

package/dist/MarkdownEditor/types.d.ts

@@ -193,7 +193,7 @@ export type MarkdownEditorProps = {
             /** 元素是否即将进入视口 */
             isIntersecting: boolean;
             /** 元素在文档中的位置信息 */
-            elementInfo?: {
+            elementInfo: {
                 /** 元素类型 */
                 type: string;
                 /** 元素在文档中的索引 */

package/dist/{Welcome → WelcomeMessage}/index.d.ts

@@ -1,14 +1,17 @@
 import React from 'react';
-export interface WelcomeProps {
+export interface WelcomeMessageProps {
     /** 标题 */
-    title: React.ReactNode;
+    title?: React.ReactNode;
     /** 描述 */
     description?: React.ReactNode;
     /** 自定义样式类名，用于各个提示项的不同部分 */
-    classNames?: Record<'title' | 'description', string>;
+    classNames?: {
+        title?: string;
+        description?: string;
+    };
     /** 自定义样式 */
     style?: React.CSSProperties;
     /** 自定义根节点样式类名 */
     rootClassName?: string;
 }
-export declare const Welcome: React.FC<WelcomeProps>;
+export declare const WelcomeMessage: React.FC<WelcomeMessageProps>;

package/dist/{Welcome → WelcomeMessage}/index.js

@@ -1,9 +1,9 @@
-// src/Welcome/index.tsx
+// src/WelcomeMessage/index.tsx
 import { ConfigProvider } from "antd";
 import classnames from "classnames";
 import React, { useContext } from "react";
 import { useStyle } from "./style";
-var Welcome = ({
+var WelcomeMessage = ({
   title,
   description,
   classNames,
@@ -27,5 +27,5 @@ var Welcome = ({
   );
 };
 export {
-  Welcome
+  WelcomeMessage
 };

package/dist/{Welcome → WelcomeMessage}/style.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
-// src/Welcome/style.ts
+// src/WelcomeMessage/style.ts
 import {
   useEditorStyleRegister
 } from "../Hooks/useStyle";

package/dist/index.d.ts

@@ -4,7 +4,7 @@ export * from './AgentRunBar';
 export * from './Bubble';
 export * from './Bubble/List';
 export * from './Bubble/type';
-export * from './ChatBoot';
+export * from './ChatBootPage';
 export * from './ChatLayout';
 export * from './Components/ActionIconBox';
 export * from './Components/Button';
@@ -47,7 +47,7 @@ export * from './Schema';
 export * from './TaskList';
 export * from './ThoughtChainList';
 export * from './ToolUseBar';
-export * from './Welcome';
+export * from './WelcomeMessage';
 export * from './Workspace';
 export * from './Components/Robot';
 export { default as Robot } from './Components/Robot';

package/dist/index.js

@@ -4,7 +4,7 @@ export * from "./AgentRunBar";
 export * from "./Bubble";
 export * from "./Bubble/List";
 export * from "./Bubble/type";
-export * from "./ChatBoot";
+export * from "./ChatBootPage";
 export * from "./ChatLayout";
 export * from "./Components/ActionIconBox";
 export * from "./Components/Button";
@@ -47,7 +47,7 @@ export * from "./Schema";
 export * from "./TaskList";
 export * from "./ThoughtChainList";
 export * from "./ToolUseBar";
-export * from "./Welcome";
+export * from "./WelcomeMessage";
 export * from "./Workspace";
 export * from "./Components/Robot";
 import { default as default3 } from "./Components/Robot";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.0.12",
+  "version": "2.0.14",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",