react-ai-renderer 0.1.11 → 0.1.14

package/dist/index.d.ts

@@ -6,6 +6,7 @@ interface ComponentData$1 {
     props?: Record<string, any>;
     children?: ComponentData$1[] | string;
     selfClosing?: boolean;
+    isComplete?: boolean;
 }
 interface BaseComponentHandler {
     name: string;
@@ -13,7 +14,16 @@ interface BaseComponentHandler {
 }
 interface ComponentHandler extends BaseComponentHandler {
     selfClosing: boolean;
+    /** 组件渲染过程中的钩子（当 isComplete 为 false 时调用） */
+    onRenderProcess?: (item: ComponentData$1, scope: any) => void;
+    /** 组件渲染完成后的钩子（当 isComplete 为 true 时调用） */
+    onRenderFinished?: (item: ComponentData$1, scope: any) => void;
+    /** @deprecated 使用 onRenderProcess 替代 */
     onRender?: (item: ComponentData$1, scope: any) => void;
+    /** 自定义占位组件，可以是 React 组件、React 元素、字符串或返回 React 元素的函数 */
+    placeholder?: React.ComponentType<any> | React.ReactElement | string | ((componentName: string) => React.ReactElement);
+    /** 组件的显示标签，用于在占位组件中显示 */
+    label?: string;
 }
 interface ParserState {
     position: number;
@@ -45,6 +55,13 @@ interface ReactAIRendererProps {
     children?: string;
     /** 组件处理器数组 */
     componentHandlers?: ComponentHandler[];
+    /** MdxLayout 相关配置 */
+    /** 是否注入 GitHub Markdown 样式 */
+    useGithubStyles?: boolean;
+    /** MdxLayout 的自定义类名 */
+    mdxLayoutClassName?: string;
+    /** MdxLayout 的自定义样式 */
+    mdxLayoutStyle?: React.CSSProperties;
     /** 其他传递给组件的属性 */
     [key: string]: any;
 }
@@ -69,12 +86,25 @@ interface ToolCallProps {
 }
 declare const ToolCall: React.FC<ToolCallProps>;
 
+interface MdxLayoutProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    /**
+     * 是否注入 GitHub Markdown 样式
+     * @default true
+     */
+    useGithubStyles?: boolean;
+}
+declare function MdxLayout({ children, className, style, useGithubStyles }: MdxLayoutProps): React.JSX.Element;
+
 interface ComponentData {
     type: "text" | "component";
     value: string;
     props?: Record<string, any>;
     children?: ComponentData[] | string;
     selfClosing?: boolean;
+    isComplete?: boolean;
 }
 declare class MDXStreamingParser {
     private registeredComponents;
@@ -89,6 +119,6 @@ declare class MDXStreamingParser {
     reset(): void;
 }
 
-declare function ReactAIRenderer({ content, scope, components, children, componentHandlers }: ReactAIRendererProps): React.JSX.Element;
+declare function ReactAIRenderer({ content, scope, components, children, componentHandlers, useGithubStyles, mdxLayoutClassName, mdxLayoutStyle }: ReactAIRendererProps): React.JSX.Element;
 
-export { ComponentData$1 as ComponentData, ComponentHandler, MDXStreamingParser, ParseResult, ParserState, ReactAIRendererProps, ReactMarkdownProps, Think, ThinkProps, ToolCall, ToolCallProps, ReactAIRenderer as default };
+export { ComponentData$1 as ComponentData, ComponentHandler, MDXStreamingParser, MdxLayout, MdxLayoutProps, ParseResult, ParserState, ReactAIRendererProps, ReactMarkdownProps, Think, ThinkProps, ToolCall, ToolCallProps, ReactAIRenderer as default };