react-ai-renderer 0.1.21 → 0.1.25

package/dist/index.d.ts

@@ -51,6 +51,8 @@ interface ComponentHandler extends BaseComponentHandler {
     skeleton?: SkeletonConfig;
     /** 组件的显示标签，用于在占位组件中显示 */
     label?: string;
+    /** 流式渲染：为 true 时组件在 isComplete=false 阶段即渲染实际内容而非 loader */
+    streamable?: boolean;
 }
 /** 增强模式的组件配置 */
 interface EnhancedComponentConfig {
@@ -70,6 +72,8 @@ interface EnhancedComponentConfig {
     onRenderFinished?: (item: ComponentData$1, scope: any) => void;
     /** 是否自闭合 */
     selfClosing?: boolean;
+    /** 流式渲染：为 true 时组件在流式解析未完成阶段即渲染实际内容而非 loader */
+    streamable?: boolean;
 }
 /** 组件值类型：可以是组件本身，也可以是增强配置对象 */
 type ComponentValue = React.ComponentType<any> | EnhancedComponentConfig;
@@ -110,6 +114,12 @@ interface ReactAIRendererProps {
     mdxLayoutClassName?: string;
     /** MdxLayout 的自定义样式 */
     mdxLayoutStyle?: React.CSSProperties;
+    /** 为 true 时未完成组件优先走 loader，避免 remount 后跳过骨架 */
+    streaming?: boolean;
+    /** 整体主题：dark（默认）/ light / 自定义字符串 */
+    theme?: "dark" | "light" | string;
+    /** 代码语法主题：github / atom / 或 react-syntax-highlighter prism 样式名（如 dracula、one-dark 等） */
+    codeTheme?: "github" | "atom" | string;
     /** 其他传递给组件的属性 */
     [key: string]: any;
 }
@@ -159,7 +169,7 @@ declare class MDXStreamingParser {
     private messages;
     constructor(components: any[]);
     isComponentRegistered(name: string): boolean;
-    parse(messageId: string, input: string): ComponentData[];
+    parse(_messageId: string, input: string): ComponentData[];
     private findComponentClose;
     private parseComponentTag;
     private parsePropsCommon;
@@ -167,6 +177,6 @@ declare class MDXStreamingParser {
     reset(): void;
 }
 
-declare function ReactAIRenderer({ content, scope, components, children, componentHandlers, useGithubStyles, mdxLayoutClassName, mdxLayoutStyle }: ReactAIRendererProps): React.JSX.Element | null;
+declare function ReactAIRenderer({ content, scope, components, children, componentHandlers, useGithubStyles, mdxLayoutClassName, mdxLayoutStyle, theme, codeTheme, }: ReactAIRendererProps): React.JSX.Element | null;
 
 export { ComponentData$1 as ComponentData, ComponentHandler, ComponentValue, EnhancedComponentConfig, MDXStreamingParser, MdxLayout, MdxLayoutProps, ParseResult, ParserState, ReactAIRendererProps, ReactMarkdownProps, Think, ThinkProps, ToolCall, ToolCallProps, ReactAIRenderer as default };