@ant-design/agentic-ui 2.0.12 → 2.0.13

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/package.json

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