@ant-design/agentic-ui 2.29.59 → 2.30.0

package/dist/MarkdownRenderer/renderers/SchemaRenderer.js

@@ -0,0 +1,115 @@
+import React, { useMemo } from "react";
+import partialParse from "../../MarkdownEditor/editor/parser/json-parse";
+import { SchemaRenderer } from "../../Schema";
+var extractTextContent = function extractTextContent1(children) {
+    var _children_props;
+    if (typeof children === 'string') return children;
+    if (typeof children === 'number') return String(children);
+    if (Array.isArray(children)) return children.map(extractTextContent).join('');
+    if (/*#__PURE__*/ React.isValidElement(children) && ((_children_props = children.props) === null || _children_props === void 0 ? void 0 : _children_props.children)) {
+        return extractTextContent(children.props.children);
+    }
+    return '';
+};
+/**
+ * 解析 schema/apaasify JSON 内容，与 Slate parseCode 的 processSchemaLanguage 对齐
+ */ var parseSchemaValue = function parseSchemaValue(code) {
+    try {
+        return JSON.parse(code);
+    } catch (unused) {
+        try {
+            return partialParse(code || '[]');
+        } catch (unused) {
+            return null;
+        }
+    }
+};
+/**
+ * Schema / Apaasify 渲染器
+ * 对齐 MarkdownEditor 的 ReadonlySchema 组件。
+ *
+ * 处理以下代码块语言：
+ * - ```schema     → SchemaRenderer
+ * - ```apaasify   → SchemaRenderer / 自定义 render
+ * - ```apassify   → 同 apaasify（兼容旧版）
+ * - ```agentar-card → SchemaRenderer
+ */ export var SchemaBlockRenderer = function SchemaBlockRenderer(props) {
+    var children = props.children, language = props.language, apaasifyRender = props.apaasifyRender;
+    var code = extractTextContent(children);
+    var schemaValue = useMemo(function() {
+        return parseSchemaValue(code);
+    }, [
+        code
+    ]);
+    if (!schemaValue) {
+        return /*#__PURE__*/ React.createElement("pre", {
+            "data-testid": "schema-fallback",
+            style: {
+                background: 'rgb(242, 241, 241)',
+                color: 'rgb(27, 27, 27)',
+                padding: '1em',
+                borderRadius: '0.5em',
+                margin: '1em 0',
+                fontSize: '0.8em',
+                fontFamily: 'monospace',
+                lineHeight: '1.5',
+                overflowX: 'auto',
+                whiteSpace: 'pre-wrap',
+                wordBreak: 'break-all',
+                wordWrap: 'break-word'
+            }
+        }, /*#__PURE__*/ React.createElement("code", null, code));
+    }
+    if (apaasifyRender) {
+        var rendered = apaasifyRender(schemaValue);
+        if (rendered !== undefined) {
+            return /*#__PURE__*/ React.createElement("div", {
+                "data-testid": "schema-container",
+                contentEditable: false,
+                style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    userSelect: 'text',
+                    WebkitUserSelect: 'text'
+                }
+            }, rendered, /*#__PURE__*/ React.createElement("div", {
+                "data-testid": "schema-hidden-json",
+                style: {
+                    height: 1,
+                    opacity: 0,
+                    userSelect: 'none',
+                    pointerEvents: 'none',
+                    overflow: 'hidden'
+                }
+            }, JSON.stringify(schemaValue, null, 2)));
+        }
+    }
+    if (language === 'agentar-card') {
+        return /*#__PURE__*/ React.createElement("div", {
+            "data-testid": "agentar-card-container",
+            style: {
+                padding: '0.5em'
+            },
+            "data-agentar-card": "true"
+        }, /*#__PURE__*/ React.createElement(SchemaRenderer, {
+            schema: schemaValue,
+            values: (schemaValue === null || schemaValue === void 0 ? void 0 : schemaValue.initialValues) || {},
+            useDefaultValues: false,
+            debug: false,
+            fallbackContent: null
+        }));
+    }
+    return /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "schema-renderer",
+        style: {
+            padding: '0.5em'
+        }
+    }, /*#__PURE__*/ React.createElement(SchemaRenderer, {
+        schema: schemaValue,
+        values: (schemaValue === null || schemaValue === void 0 ? void 0 : schemaValue.initialValues) || {},
+        useDefaultValues: false,
+        debug: false,
+        fallbackContent: null
+    }));
+};
+SchemaBlockRenderer.displayName = 'SchemaBlockRenderer';

package/dist/MarkdownRenderer/renderers/index.d.ts

@@ -0,0 +1,4 @@
+export { ChartBlockRenderer } from './ChartRenderer';
+export { CodeBlockRenderer } from './CodeRenderer';
+export { MermaidBlockRenderer } from './MermaidRenderer';
+export { SchemaBlockRenderer } from './SchemaRenderer';

package/dist/MarkdownRenderer/renderers/index.js

@@ -0,0 +1,4 @@
+export { ChartBlockRenderer } from "./ChartRenderer";
+export { CodeBlockRenderer } from "./CodeRenderer";
+export { MermaidBlockRenderer } from "./MermaidRenderer";
+export { SchemaBlockRenderer } from "./SchemaRenderer";

package/dist/MarkdownRenderer/style.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+/**
+ * MarkdownRenderer 复用 MarkdownEditor 的样式体系。
+ * 两者使用相同的 CSS 前缀（agentic-md-editor），确保渲染结果视觉一致。
+ *
+ * 额外注册间距 CSS 变量回退值，防止宿主未定义 --margin-Nx 时间距异常。
+ * 使用低优先级选择器（:where），宿主定义的变量会自动覆盖。
+ */
+export { useStyle } from '../MarkdownEditor/style';
+export declare const useRendererVarStyle: (prefixCls: string) => {
+    hashId: string;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+} | {
+    wrapSSR: (node: any) => any;
+    hashId: string;
+};

package/dist/MarkdownRenderer/style.js

@@ -0,0 +1,46 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+/**
+ * MarkdownRenderer 复用 MarkdownEditor 的样式体系。
+ * 两者使用相同的 CSS 前缀（agentic-md-editor），确保渲染结果视觉一致。
+ *
+ * 额外注册间距 CSS 变量回退值，防止宿主未定义 --margin-Nx 时间距异常。
+ * 使用低优先级选择器（:where），宿主定义的变量会自动覆盖。
+ */ export { useStyle } from "../MarkdownEditor/style";
+import { useEditorStyleRegister } from "../Hooks/useStyle";
+export var useRendererVarStyle = function useRendererVarStyle(prefixCls) {
+    return useEditorStyleRegister('MarkdownRendererVars', function(_token) {
+        var _obj;
+        return _obj = {}, _define_property(_obj, ":where(.".concat(prefixCls, ")"), {
+            '--margin-2x': '8px',
+            '--margin-4x': '16px',
+            '--margin-8x': '20px',
+            '--padding-2x': '8px',
+            '--padding-4x': '16px',
+            '--padding-5x': '20px'
+        }), // 流式文字淡入动画（仅 opacity，GPU composited，不卡顿）
+        _define_property(_obj, '@keyframes markdownRendererFadeIn', {
+            from: {
+                opacity: 0,
+                filter: 'blur(1px)',
+                transform: 'translateY(2px)'
+            },
+            to: {
+                opacity: 1,
+                filter: 'blur(0px)',
+                transform: 'translateY(0px)'
+            }
+        }), _obj;
+    });
+};

package/dist/MarkdownRenderer/types.d.ts

@@ -0,0 +1,74 @@
+import type React from 'react';
+import type { MarkdownRemarkPlugin, MarkdownToHtmlConfig } from '../MarkdownEditor/editor/utils/markdownToHtml';
+import type { MarkdownEditorPlugin } from '../MarkdownEditor/plugin';
+export interface CharacterQueueOptions {
+    /** 每帧输出的最大字符数，默认 3 */
+    charsPerFrame?: number;
+    /** 是否启用打字动画，默认 true（流式时） */
+    animate?: boolean;
+    /** 动画速度因子，1.0 为标准速度 */
+    speed?: number;
+    /** 内容完成后立即 flush 全部剩余 */
+    flushOnComplete?: boolean;
+    /** 后台 tick 间隔（ms），默认 100 */
+    backgroundInterval?: number;
+    /** 后台每次 tick 的字符数倍率，默认 10 */
+    backgroundBatchMultiplier?: number;
+}
+export type { RendererPlugin } from '../MarkdownEditor/plugin';
+export interface RendererBlockProps {
+    node?: any;
+    children?: React.ReactNode;
+    [key: string]: any;
+}
+export type RenderMode = 'slate' | 'markdown';
+export interface MarkdownRendererProps {
+    /** 完整的 markdown 内容（流式场景下持续增长） */
+    content: string;
+    /** 是否处于流式状态 */
+    streaming?: boolean;
+    /** 流式完成 */
+    isFinished?: boolean;
+    /** 字符队列配置 */
+    queueOptions?: CharacterQueueOptions;
+    /** 插件配置（用于自定义块渲染） */
+    plugins?: MarkdownEditorPlugin[];
+    /** markdownToHtml 的额外 remark/rehype 插件 */
+    remarkPlugins?: MarkdownRemarkPlugin[];
+    /** HTML 渲染配置 */
+    htmlConfig?: MarkdownToHtmlConfig;
+    /** 类名 */
+    className?: string;
+    /** 样式 */
+    style?: React.CSSProperties;
+    /** 类名前缀 */
+    prefixCls?: string;
+    /** 代码块配置（传递给 CodeRenderer） */
+    codeProps?: Record<string, any>;
+    /** 脚注配置 */
+    fncProps?: {
+        render?: (props: Record<string, any> & {
+            children: React.ReactNode;
+        }, defaultDom: React.ReactNode) => React.ReactNode;
+        onFootnoteDefinitionChange?: (data: any[]) => void;
+    };
+    /** 链接配置 */
+    linkConfig?: {
+        /** 是否在新标签页打开链接，默认 true */
+        openInNewTab?: boolean;
+        /** 自定义链接点击处理，返回 false 可阻止默认跳转 */
+        onClick?: (url?: string) => boolean | void;
+    };
+    /** Apaasify / Schema 自定义渲染 */
+    apaasify?: {
+        enable?: boolean;
+        /** 自定义渲染函数，接收解析后的 JSON value，返回 React 节点 */
+        render?: (value: any) => React.ReactNode;
+    };
+}
+export interface MarkdownRendererRef {
+    /** 获取渲染容器的 DOM 元素 */
+    nativeElement: HTMLDivElement | null;
+    /** 获取当前显示的内容 */
+    getDisplayedContent: () => string;
+}

package/dist/MarkdownRenderer/types.js

@@ -0,0 +1 @@
+export { };

package/dist/MarkdownRenderer/useMarkdownToReact.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { type MarkdownRemarkPlugin, type MarkdownToHtmlConfig } from '../MarkdownEditor/editor/utils/markdownToHtml';
+import type { RendererBlockProps } from './types';
+interface UseMarkdownToReactOptions {
+    remarkPlugins?: MarkdownRemarkPlugin[];
+    htmlConfig?: MarkdownToHtmlConfig;
+    components?: Record<string, React.ComponentType<RendererBlockProps>>;
+    /** MarkdownEditor 的 CSS 前缀，用于生成对齐的 className */
+    prefixCls?: string;
+    /** 链接配置：onClick 拦截、openInNewTab 控制 */
+    linkConfig?: {
+        openInNewTab?: boolean;
+        onClick?: (url?: string) => boolean | void;
+    };
+    /** 是否处于流式状态，用于最后一个块的打字动画 */
+    streaming?: boolean;
+}
+export declare const useMarkdownToReact: (content: string, options?: UseMarkdownToReactOptions) => React.ReactNode;
+/**
+ * 同步将 markdown 转为 React 元素（非 hook 版本，用于测试或一次性转换）
+ */
+export declare const markdownToReactSync: (content: string, components?: Record<string, React.ComponentType<RendererBlockProps>>, remarkPlugins?: MarkdownRemarkPlugin[], htmlConfig?: MarkdownToHtmlConfig) => React.ReactNode;
+export {};