@ant-design/agentic-ui 2.27.1 → 2.27.3

package/dist/Bubble/Bubble.d.ts

@@ -24,7 +24,6 @@ import type { BubbleProps } from './type';
  * @param {any[]} [props.deps] - 依赖数组
  * @param {MutableRefObject} [props.bubbleRef] - 气泡引用
  * @param {MessageBubbleData} [props.originData] - 消息数据，包含角色信息
- *
  * @example
  * ```tsx
  * // 用户消息会自动使用 UserBubble
@@ -38,6 +37,13 @@ import type { BubbleProps } from './type';
  *   originData={{ role: 'assistant', content: '你好！有什么可以帮助你的吗？' }}
  *   avatar={{ avatar: "ai.jpg", title: "AI助手" }}
  * />
+ *
+ * // Schema Editor 在开发环境下自动启用
+ * // 需要传入 id 以支持插件识别
+ * <Bubble
+ *   id="msg-1"
+ *   originData={{ id: 'msg-1', role: 'assistant', originContent: '# Hello' }}
+ * />
  * ```
  *
  * @returns {React.ReactElement} 渲染的聊天气泡组件

package/dist/Bubble/Bubble.js

@@ -51,8 +51,9 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { memo } from "react";
-import React, { useMemo } from "react";
+import React from "react";
 import { AIBubble } from "./AIBubble";
+import { useSchemaEditorBridge } from "./schema-editor";
 import { UserBubble } from "./UserBubble";
 /**
  * Bubble 组件 - 聊天气泡组件（智能分发器）
@@ -77,7 +78,6 @@ import { UserBubble } from "./UserBubble";
  * @param {any[]} [props.deps] - 依赖数组
  * @param {MutableRefObject} [props.bubbleRef] - 气泡引用
  * @param {MessageBubbleData} [props.originData] - 消息数据，包含角色信息
- *
  * @example
  * ```tsx
  * // 用户消息会自动使用 UserBubble
@@ -91,25 +91,30 @@ import { UserBubble } from "./UserBubble";
  *   originData={{ role: 'assistant', content: '你好！有什么可以帮助你的吗？' }}
  *   avatar={{ avatar: "ai.jpg", title: "AI助手" }}
  * />
+ *
+ * // Schema Editor 在开发环境下自动启用
+ * // 需要传入 id 以支持插件识别
+ * <Bubble
+ *   id="msg-1"
+ *   originData={{ id: 'msg-1', role: 'assistant', originContent: '# Hello' }}
+ * />
  * ```
  *
  * @returns {React.ReactElement} 渲染的聊天气泡组件
  */ export var Bubble = /*#__PURE__*/ memo(function(props) {
-    var _props_originData;
-    // 根据角色自动选择组件
-    var isUserMessage = useMemo(function() {
-        if (props.placement === undefined) {
-            var _props_originData;
-            return ((_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.role) === 'user';
-        }
-        return props.placement === 'right';
-    }, [
-        props.placement,
-        (_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.role
-    ]);
-    // 自动设置正确的 placement，确保类型安全
-    var bubbleProps = _object_spread_props(_object_spread({}, props), {
-        placement: props.placement || (isUserMessage ? 'right' : 'left')
+    var originData = props.originData;
+    /** 判断是否有可编辑的字符串内容 */ var hasEditableContent = !!(originData === null || originData === void 0 ? void 0 : originData.originContent) || typeof (originData === null || originData === void 0 ? void 0 : originData.content) === 'string';
+    /** 获取初始内容：优先 originContent，回退到字符串 content */ var initialContent = hasEditableContent ? (originData === null || originData === void 0 ? void 0 : originData.originContent) || (originData === null || originData === void 0 ? void 0 : originData.content) : '';
+    /**
+   * Schema Editor Bridge Hook
+   * @description 开发环境自动启用，生产环境返回原始内容
+   */ var content = useSchemaEditorBridge(props.id, initialContent).content;
+    /** 根据角色自动选择组件 */ var isUserMessage = props.placement === undefined ? (originData === null || originData === void 0 ? void 0 : originData.role) === 'user' : props.placement === 'right';
+    /** 构建传递给子组件的 props */ var bubbleProps = _object_spread_props(_object_spread({}, props), {
+        placement: props.placement || (isUserMessage ? 'right' : 'left'),
+        originData: originData ? _object_spread({}, originData, hasEditableContent && {
+            content: content
+        }) : undefined
     });
     // 根据角色分发到对应的子组件
     if (isUserMessage) {

package/dist/Bubble/index.d.ts

@@ -12,3 +12,5 @@ export { PureAIBubble, PureBubble, PureUserBubble } from './PureBubble';
 export * from './MessagesContent/BubbleContext';
 export * from './type';
 export { UserBubble } from './UserBubble';
+/** Schema Editor 相关导出 */
+export * from './schema-editor';

package/dist/Bubble/index.js

@@ -11,3 +11,4 @@ export { PureAIBubble, PureBubble, PureUserBubble } from "./PureBubble";
 export * from "./MessagesContent/BubbleContext";
 export * from "./type";
 export { UserBubble } from "./UserBubble";
+/** Schema Editor 相关导出 */ export * from "./schema-editor";

package/dist/Bubble/schema-editor/SchemaEditorBridgeManager.d.ts

@@ -0,0 +1,106 @@
+import type { SchemaValue } from '@schema-editor/host-sdk/core';
+/**
+ * Bubble 处理器接口
+ * @description 每个 Bubble 组件注册时提供的处理器
+ */
+export interface BubbleHandler {
+    /** 获取当前内容 */
+    getContent: () => string;
+    /** 设置内容 */
+    setContent: (content: string) => void;
+    /** 自定义预览渲染（可选） */
+    renderPreview?: (schema: SchemaValue, containerId: string) => (() => void) | void;
+}
+/**
+ * Schema Editor Bridge 单例管理器
+ * @description 全局唯一的监听器管理，避免多个 Bubble 组件冲突
+ *
+ * @remarks
+ * 推荐使用 `useSchemaEditorBridge` Hook，它会自动管理启用状态和注册/注销流程。
+ * Schema Editor 在开发环境下自动启用（process.env.NODE_ENV === 'development'）。
+ * 如需直接使用 Manager，需手动调用 `setEnabled(true)` 启动 Bridge。
+ *
+ * @example
+ * ```tsx
+ * // 推荐方式：使用 useSchemaEditorBridge Hook（开发环境自动启用）
+ * const { content, setContent } = useSchemaEditorBridge(id, initialContent);
+ *
+ * // 直接使用 Manager（需手动管理启用状态）
+ * useEffect(() => {
+ *   const manager = SchemaEditorBridgeManager.getInstance();
+ *   manager.setEnabled(true); // 必须：启用 Bridge
+ *   manager.register(id, {
+ *     getContent: () => contentRef.current,
+ *     setContent: (c) => setContent(c)
+ *   });
+ *   return () => manager.unregister(id);
+ * }, [id]);
+ * ```
+ */
+export declare class SchemaEditorBridgeManager {
+    /** 单例实例 */
+    private static instance;
+    /** Bubble 处理器注册表：id -> handler */
+    private registry;
+    /** Bridge 清理函数 */
+    private cleanup;
+    /** 是否启用 */
+    private enabled;
+    /** 预览 Root */
+    private previewRoot;
+    /** 当前正在编辑的 Bubble id */
+    private currentEditingId;
+    /** 私有构造函数，防止外部实例化 */
+    private constructor();
+    /**
+     * 获取单例实例
+     * @returns SchemaEditorBridgeManager 实例
+     */
+    static getInstance(): SchemaEditorBridgeManager;
+    /**
+     * 设置启用状态
+     * @param enabled - 是否启用
+     */
+    setEnabled(enabled: boolean): void;
+    /**
+     * 检查是否启用
+     */
+    isEnabled(): boolean;
+    /**
+     * 注册 Bubble 处理器
+     * @param id - Bubble 的唯一标识（data-id）
+     * @param handler - 处理器对象
+     */
+    register(id: string, handler: BubbleHandler): void;
+    /**
+     * 注销 Bubble 处理器
+     * @param id - Bubble 的唯一标识
+     */
+    unregister(id: string): void;
+    /**
+     * 获取注册的 Bubble 数量
+     */
+    getRegistrySize(): number;
+    /**
+     * 检查某个 ID 是否已注册
+     */
+    has(id: string): boolean;
+    /**
+     * 启动 Bridge（幂等，已启动时直接返回）
+     */
+    private startBridge;
+    /**
+     * 停止 Bridge
+     */
+    private stopBridge;
+    /**
+     * 创建默认预览
+     * @description 使用 MarkdownEditor 渲染 Markdown 预览
+     */
+    private createDefaultPreview;
+    /**
+     * 销毁单例（主要用于测试）
+     */
+    static destroy(): void;
+}
+export default SchemaEditorBridgeManager;

package/dist/Bubble/schema-editor/SchemaEditorBridgeManager.js

@@ -0,0 +1,257 @@
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+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;
+}
+import { createSchemaEditorBridge } from "@schema-editor/host-sdk/core";
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { MarkdownEditor } from "../../MarkdownEditor";
+/**
+ * Schema Editor Bridge 单例管理器
+ * @description 全局唯一的监听器管理，避免多个 Bubble 组件冲突
+ *
+ * @remarks
+ * 推荐使用 `useSchemaEditorBridge` Hook，它会自动管理启用状态和注册/注销流程。
+ * Schema Editor 在开发环境下自动启用（process.env.NODE_ENV === 'development'）。
+ * 如需直接使用 Manager，需手动调用 `setEnabled(true)` 启动 Bridge。
+ *
+ * @example
+ * ```tsx
+ * // 推荐方式：使用 useSchemaEditorBridge Hook（开发环境自动启用）
+ * const { content, setContent } = useSchemaEditorBridge(id, initialContent);
+ *
+ * // 直接使用 Manager（需手动管理启用状态）
+ * useEffect(() => {
+ *   const manager = SchemaEditorBridgeManager.getInstance();
+ *   manager.setEnabled(true); // 必须：启用 Bridge
+ *   manager.register(id, {
+ *     getContent: () => contentRef.current,
+ *     setContent: (c) => setContent(c)
+ *   });
+ *   return () => manager.unregister(id);
+ * }, [id]);
+ * ```
+ */ export var SchemaEditorBridgeManager = /*#__PURE__*/ function() {
+    "use strict";
+    function SchemaEditorBridgeManager() {
+        _class_call_check(this, SchemaEditorBridgeManager);
+        /** Bubble 处理器注册表：id -> handler */ _define_property(this, "registry", new Map());
+        /** Bridge 清理函数 */ _define_property(this, "cleanup", null);
+        /** 是否启用 */ _define_property(this, "enabled", false);
+        /** 预览 Root */ _define_property(this, "previewRoot", null);
+        /** 当前正在编辑的 Bubble id */ _define_property(this, "currentEditingId", null);
+    }
+    _create_class(SchemaEditorBridgeManager, [
+        {
+            /**
+   * 设置启用状态
+   * @param enabled - 是否启用
+   */ key: "setEnabled",
+            value: function setEnabled(enabled) {
+                var wasEnabled = this.enabled;
+                this.enabled = enabled;
+                if (enabled && !wasEnabled && this.registry.size > 0) {
+                    this.startBridge();
+                } else if (!enabled && wasEnabled) {
+                    this.stopBridge();
+                }
+            }
+        },
+        {
+            /**
+   * 检查是否启用
+   */ key: "isEnabled",
+            value: function isEnabled() {
+                return this.enabled;
+            }
+        },
+        {
+            /**
+   * 注册 Bubble 处理器
+   * @param id - Bubble 的唯一标识（data-id）
+   * @param handler - 处理器对象
+   */ key: "register",
+            value: function register(id, handler) {
+                this.registry.set(id, handler);
+                if (this.enabled) {
+                    this.startBridge();
+                }
+            }
+        },
+        {
+            /**
+   * 注销 Bubble 处理器
+   * @param id - Bubble 的唯一标识
+   */ key: "unregister",
+            value: function unregister(id) {
+                this.registry.delete(id);
+                if (this.registry.size === 0) {
+                    this.stopBridge();
+                }
+            }
+        },
+        {
+            /**
+   * 获取注册的 Bubble 数量
+   */ key: "getRegistrySize",
+            value: function getRegistrySize() {
+                return this.registry.size;
+            }
+        },
+        {
+            /**
+   * 检查某个 ID 是否已注册
+   */ key: "has",
+            value: function has(id) {
+                return this.registry.has(id);
+            }
+        },
+        {
+            key: "startBridge",
+            value: /**
+   * 启动 Bridge（幂等，已启动时直接返回）
+   */ function startBridge() {
+                var _this = this;
+                if (this.cleanup) return;
+                this.cleanup = createSchemaEditorBridge({
+                    getSchema: function(params) {
+                        var handler = _this.registry.get(params);
+                        if (!handler) {
+                            // 返回 undefined 表示该元素不可编辑，插件将无法打开编辑器
+                            _this.currentEditingId = null;
+                            return undefined;
+                        }
+                        // 记录当前编辑的 Bubble id，供 renderPreview 使用
+                        _this.currentEditingId = params;
+                        return handler.getContent();
+                    },
+                    updateSchema: function(schema, params) {
+                        var handler = _this.registry.get(params);
+                        if (!handler) {
+                            return false;
+                        }
+                        try {
+                            var content = typeof schema === 'string' ? schema : JSON.stringify(schema, null, 2);
+                            handler.setContent(content);
+                            return true;
+                        } catch (error) {
+                            console.error('[SchemaEditorBridge] updateSchema failed:', error);
+                            return false;
+                        }
+                    },
+                    renderPreview: function(schema, containerId) {
+                        /** 使用当前编辑 Bubble 的自定义预览 */ if (_this.currentEditingId) {
+                            var handler = _this.registry.get(_this.currentEditingId);
+                            if (handler === null || handler === void 0 ? void 0 : handler.renderPreview) {
+                                return handler.renderPreview(schema, containerId);
+                            }
+                        }
+                        /** 兜底：内置 Markdown 预览 */ return _this.createDefaultPreview(schema, containerId);
+                    }
+                });
+            }
+        },
+        {
+            key: "stopBridge",
+            value: /**
+   * 停止 Bridge
+   */ function stopBridge() {
+                if (this.cleanup) {
+                    this.cleanup();
+                    this.cleanup = null;
+                }
+            }
+        },
+        {
+            key: "createDefaultPreview",
+            value: /**
+   * 创建默认预览
+   * @description 使用 MarkdownEditor 渲染 Markdown 预览
+   */ function createDefaultPreview(schema, containerId) {
+                var _this = this;
+                var container = document.getElementById(containerId);
+                if (!container) return;
+                var content = typeof schema === 'string' ? schema : JSON.stringify(schema, null, 2);
+                /** 复用或创建 Root */ if (!this.previewRoot) {
+                    this.previewRoot = ReactDOM.createRoot(container);
+                }
+                this.previewRoot.render(React.createElement(MarkdownEditor, {
+                    initValue: content,
+                    readonly: true,
+                    style: {
+                        padding: 16
+                    },
+                    height: 'auto',
+                    width: '100%'
+                }));
+                return function() {
+                    if (_this.previewRoot) {
+                        _this.previewRoot.unmount();
+                        _this.previewRoot = null;
+                    }
+                };
+            }
+        }
+    ], [
+        {
+            key: "getInstance",
+            value: /**
+   * 获取单例实例
+   * @returns SchemaEditorBridgeManager 实例
+   */ function getInstance() {
+                if (!SchemaEditorBridgeManager.instance) {
+                    SchemaEditorBridgeManager.instance = new SchemaEditorBridgeManager();
+                }
+                return SchemaEditorBridgeManager.instance;
+            }
+        },
+        {
+            key: "destroy",
+            value: /**
+   * 销毁单例（主要用于测试）
+   */ function destroy() {
+                if (SchemaEditorBridgeManager.instance) {
+                    SchemaEditorBridgeManager.instance.stopBridge();
+                    SchemaEditorBridgeManager.instance.registry.clear();
+                    SchemaEditorBridgeManager.instance.currentEditingId = null;
+                    /** 清理预览 Root */ if (SchemaEditorBridgeManager.instance.previewRoot) {
+                        SchemaEditorBridgeManager.instance.previewRoot.unmount();
+                        SchemaEditorBridgeManager.instance.previewRoot = null;
+                    }
+                    SchemaEditorBridgeManager.instance = null;
+                }
+            }
+        }
+    ]);
+    return SchemaEditorBridgeManager;
+}();
+/** 单例实例 */ _define_property(SchemaEditorBridgeManager, "instance", null);
+export default SchemaEditorBridgeManager;

package/dist/Bubble/schema-editor/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Schema Editor 模块导出
+ * @description 包含 Schema Editor 插件集成相关的所有功能
+ */
+export { SchemaEditorBridgeManager, type BubbleHandler, } from './SchemaEditorBridgeManager';
+export { useSchemaEditorBridge, type UseSchemaEditorBridgeResult, } from './useSchemaEditorBridge';

package/dist/Bubble/schema-editor/index.js

@@ -0,0 +1,5 @@
+/**
+ * Schema Editor 模块导出
+ * @description 包含 Schema Editor 插件集成相关的所有功能
+ */ export { SchemaEditorBridgeManager } from "./SchemaEditorBridgeManager";
+export { useSchemaEditorBridge } from "./useSchemaEditorBridge";

package/dist/Bubble/schema-editor/useRefState.d.ts

@@ -0,0 +1,23 @@
+import { MutableRefObject } from 'react';
+/**
+ * useRefState - 同时维护 state 和 ref 的 hook
+ * @description 解决 setState 后立即读取 ref 得到旧值的问题
+ *
+ * @param initialValue - 初始值
+ * @returns [state, setState, ref] - state 用于渲染，setState 同步更新 ref，ref 用于回调
+ *
+ * @example
+ * ```tsx
+ * const [content, setContent, contentRef] = useRefState('');
+ *
+ * const handler = {
+ *   getContent: () => contentRef.current,  // 始终是最新值
+ *   setContent: (val) => {
+ *     setContent(val);  // 立即更新 ref
+ *     // 此时 contentRef.current 已经是新值了
+ *   }
+ * };
+ * ```
+ */
+export declare function useRefState<T>(initialValue: T): [T, (value: T | ((prev: T) => T)) => void, MutableRefObject<T>];
+export default useRefState;

package/dist/Bubble/schema-editor/useRefState.js

@@ -0,0 +1,83 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { useState, useRef, useCallback } from "react";
+/**
+ * useRefState - 同时维护 state 和 ref 的 hook
+ * @description 解决 setState 后立即读取 ref 得到旧值的问题
+ *
+ * @param initialValue - 初始值
+ * @returns [state, setState, ref] - state 用于渲染，setState 同步更新 ref，ref 用于回调
+ *
+ * @example
+ * ```tsx
+ * const [content, setContent, contentRef] = useRefState('');
+ *
+ * const handler = {
+ *   getContent: () => contentRef.current,  // 始终是最新值
+ *   setContent: (val) => {
+ *     setContent(val);  // 立即更新 ref
+ *     // 此时 contentRef.current 已经是新值了
+ *   }
+ * };
+ * ```
+ */ export function useRefState(initialValue) {
+    var _useState = _sliced_to_array(useState(initialValue), 2), state = _useState[0], setState = _useState[1];
+    var ref = useRef(initialValue);
+    // 每次渲染也同步（处理外部直接读取 state 后变化的情况）
+    ref.current = state;
+    var setRefState = useCallback(function(value) {
+        var newValue = typeof value === 'function' ? value(ref.current) : value;
+        ref.current = newValue; // 立即更新 ref
+        setState(newValue); // 触发重渲染
+    }, []);
+    return [
+        state,
+        setRefState,
+        ref
+    ];
+}
+export default useRefState;

package/dist/Bubble/schema-editor/useSchemaEditorBridge.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Schema Editor Bridge Hook 返回值
+ */
+export interface UseSchemaEditorBridgeResult {
+    /** 当前内容（内部状态） */
+    content: string;
+    /** 手动设置内容 */
+    setContent: (content: string) => void;
+}
+/**
+ * Bubble 专用的 Schema Editor Bridge Hook
+ * @description 使用单例模式管理全局监听器，避免多个 Bubble 组件冲突
+ * 开发环境自动启用，生产环境自动禁用
+ *
+ * @param id - Bubble 的唯一标识（data-id）
+ * @param initialContent - 初始内容
+ * @returns Hook 返回值，包含内容状态和控制方法
+ *
+ * @example
+ * ```tsx
+ * const { content, setContent } = useSchemaEditorBridge(
+ *   originData.id,
+ *   originData.originContent || '',
+ * );
+ * ```
+ */
+export declare function useSchemaEditorBridge(id: string | undefined, initialContent: string): UseSchemaEditorBridgeResult;
+export default useSchemaEditorBridge;

package/dist/Bubble/schema-editor/useSchemaEditorBridge.js

@@ -0,0 +1,109 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { useEffect } from "react";
+import { SchemaEditorBridgeManager } from "./SchemaEditorBridgeManager";
+import { useRefState } from "./useRefState";
+/**
+ * Bubble 专用的 Schema Editor Bridge Hook
+ * @description 使用单例模式管理全局监听器，避免多个 Bubble 组件冲突
+ * 开发环境自动启用，生产环境自动禁用
+ *
+ * @param id - Bubble 的唯一标识（data-id）
+ * @param initialContent - 初始内容
+ * @returns Hook 返回值，包含内容状态和控制方法
+ *
+ * @example
+ * ```tsx
+ * const { content, setContent } = useSchemaEditorBridge(
+ *   originData.id,
+ *   originData.originContent || '',
+ * );
+ * ```
+ */ export function useSchemaEditorBridge(id, initialContent) {
+    /** 开发环境自动启用 */ var enabled = process.env.NODE_ENV === 'development';
+    /**
+   * 内部状态：使用 useRefState 同时维护 state 和 ref
+   * @description setContent 会立即更新 ref，解决 set 后立即读取的问题
+   */ var _useRefState = _sliced_to_array(useRefState(initialContent), 3), content = _useRefState[0], setContent = _useRefState[1], contentRef = _useRefState[2];
+    /**
+   * 同步初始内容变化
+   * @description 当外部传入的 initialContent 变化时，更新内部状态
+   */ useEffect(function() {
+        setContent(initialContent);
+    }, [
+        initialContent
+    ]);
+    /**
+   * 注册到单例管理器
+   */ useEffect(function() {
+        var manager = SchemaEditorBridgeManager.getInstance();
+        /** 无 id 时直接返回 */ if (!id) return;
+        /** 禁用时注销已注册的 handler 并返回 */ if (!enabled) {
+            if (manager.has(id)) manager.unregister(id);
+            return;
+        }
+        /** 设置管理器启用状态 */ manager.setEnabled(true);
+        /** 创建处理器 */ var handler = {
+            getContent: function() {
+                return contentRef.current;
+            },
+            setContent: setContent
+        };
+        /** 注册 */ manager.register(id, handler);
+        /** 清理：组件卸载时注销 */ return function() {
+            manager.unregister(id);
+        };
+    }, [
+        id,
+        enabled
+    ]);
+    return {
+        content: content,
+        setContent: setContent
+    };
+}
+export default useSchemaEditorBridge;

package/dist/MarkdownEditor/editor/elements/Image/index.js

@@ -251,6 +251,7 @@ import { BlockOutlined, DeleteFilled, ExclamationCircleOutlined, LoadingOutlined
 import { Image, Modal, Popover, Skeleton, Space } from "antd";
 import React, { useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { useDebounceFn } from "@ant-design/pro-components";
+import { SquareArrowUpRight } from "@sofa-design/icons";
 import { Rnd } from "react-rnd";
 import { Path, Transforms } from "slate";
 import { ActionIconBox } from "../../../../Components/ActionIconBox";
@@ -279,9 +280,7 @@ import { getMediaType } from "../../utils/dom";
     console.log(editorProps);
     // 图片加载失败时显示为链接
     if (error) {
-        return /*#__PURE__*/ React.createElement("a", {
-            target: "_blank",
-            rel: "noopener noreferrer",
+        return /*#__PURE__*/ React.createElement("span", {
             onClick: function(e) {
                 var _editorProps_linkConfig, _editorProps_linkConfig1;
                 e.stopPropagation();
@@ -310,7 +309,7 @@ import { getMediaType } from "../../utils/dom";
             style: {
                 color: '#faad14'
             }
-        }), props.alt || props.src || '图片链接');
+        }), props.alt || props.src || '图片链接', /*#__PURE__*/ React.createElement(SquareArrowUpRight, null));
     }
     if (editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_image = editorProps.image) === null || _editorProps_image === void 0 ? void 0 : _editorProps_image.render) {
         var _editorProps_image_render, _editorProps_image1;
@@ -367,9 +366,7 @@ import { getMediaType } from "../../utils/dom";
     }, 160);
     // 如果图片加载失败，显示为链接
     if (error) {
-        return /*#__PURE__*/ React.createElement("a", {
-            target: "_blank",
-            rel: "noopener noreferrer",
+        return /*#__PURE__*/ React.createElement("span", {
             onClick: function(e) {
                 var _editorProps_linkConfig, _editorProps_linkConfig1;
                 e.stopPropagation();
@@ -400,7 +397,7 @@ import { getMediaType } from "../../utils/dom";
             style: {
                 color: '#faad14'
             }
-        }), props.alt || props.src);
+        }), props.alt || props.src, /*#__PURE__*/ React.createElement(SquareArrowUpRight, null));
     }
     return /*#__PURE__*/ React.createElement("div", {
         "data-testid": "resize-image-container",
@@ -503,7 +500,7 @@ export function EditorImage(param) {
     var _state;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var _useSelStatus = _sliced_to_array(useSelStatus(element), 2), _ = _useSelStatus[0], path = _useSelStatus[1];
-    var _useEditorStore = useEditorStore(), markdownEditorRef = _useEditorStore.markdownEditorRef, readonly = _useEditorStore.readonly;
+    var _useEditorStore = useEditorStore(), markdownEditorRef = _useEditorStore.markdownEditorRef, readonly = _useEditorStore.readonly, editorProps = _useEditorStore.editorProps;
     var htmlRef = React.useRef(null);
     var _useState = _sliced_to_array(useState(false), 2), showAsText = _useState[0], setShowAsText = _useState[1];
     var _useGetSetState = _sliced_to_array(useGetSetState({
@@ -612,11 +609,8 @@ export function EditorImage(param) {
         }
         // 如果图片加载失败，显示为链接
         if (!state().loadSuccess) {
-            var _state2, _state3;
-            return /*#__PURE__*/ React.createElement("a", {
-                href: ((_state2 = state()) === null || _state2 === void 0 ? void 0 : _state2.url) || (element === null || element === void 0 ? void 0 : element.url),
-                target: "_blank",
-                rel: "noopener noreferrer",
+            var _state2;
+            return /*#__PURE__*/ React.createElement("span", {
                 style: {
                     color: '#1890ff',
                     textDecoration: 'underline',
@@ -631,12 +625,25 @@ export function EditorImage(param) {
                     backgroundColor: '#fafafa',
                     fontSize: '13px',
                     lineHeight: '1.5'
+                },
+                onClick: function(e) {
+                    var _state, _editorProps_linkConfig, _state1, _editorProps_linkConfig1;
+                    if (!(((_state = state()) === null || _state === void 0 ? void 0 : _state.url) || (element === null || element === void 0 ? void 0 : element.url))) return;
+                    e.stopPropagation();
+                    e.preventDefault();
+                    if ((_editorProps_linkConfig = editorProps.linkConfig) === null || _editorProps_linkConfig === void 0 ? void 0 : _editorProps_linkConfig.onClick) {
+                        var _state2;
+                        if (editorProps.linkConfig.onClick(((_state2 = state()) === null || _state2 === void 0 ? void 0 : _state2.url) || (element === null || element === void 0 ? void 0 : element.url) || '') === false) {
+                            return;
+                        }
+                    }
+                    window.open(((_state1 = state()) === null || _state1 === void 0 ? void 0 : _state1.url) || (element === null || element === void 0 ? void 0 : element.url), (editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_linkConfig1 = editorProps.linkConfig) === null || _editorProps_linkConfig1 === void 0 ? void 0 : _editorProps_linkConfig1.openInNewTab) ? '_blank' : '_self');
                 }
             }, /*#__PURE__*/ React.createElement(ExclamationCircleOutlined, {
                 style: {
                     color: '#faad14'
                 }
-            }), (element === null || element === void 0 ? void 0 : element.alt) || ((_state3 = state()) === null || _state3 === void 0 ? void 0 : _state3.url) || (element === null || element === void 0 ? void 0 : element.url) || '图片链接');
+            }), (element === null || element === void 0 ? void 0 : element.alt) || ((_state2 = state()) === null || _state2 === void 0 ? void 0 : _state2.url) || (element === null || element === void 0 ? void 0 : element.url) || '图片链接', /*#__PURE__*/ React.createElement(SquareArrowUpRight, null));
         }
         return !readonly ? /*#__PURE__*/ React.createElement(ResizeImage, {
             defaultSize: {

package/dist/MarkdownEditor/editor/elements/Media.js

@@ -227,6 +227,7 @@ import { DeleteFilled, ExclamationCircleOutlined, EyeOutlined, LoadingOutlined }
 import { Modal, Popover, Skeleton } from "antd";
 import React, { useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { useDebounceFn } from "@ant-design/pro-components";
+import { SquareArrowUpRight } from "@sofa-design/icons";
 import { Rnd } from "react-rnd";
 import { Transforms } from "slate";
 import { ActionIconBox } from "../../../Components/ActionIconBox";
@@ -597,9 +598,7 @@ export function Media(param) {
             }
             if (!state().loadSuccess) {
                 var _state1;
-                return /*#__PURE__*/ React.createElement("a", {
-                    target: "_blank",
-                    rel: "noopener noreferrer",
+                return /*#__PURE__*/ React.createElement("span", {
                     onClick: function(e) {
                         var _state, _editorProps_linkConfig, _state1, _editorProps_linkConfig1;
                         if (!((_state = state()) === null || _state === void 0 ? void 0 : _state.url)) return;
@@ -630,7 +629,7 @@ export function Media(param) {
                     style: {
                         color: '#faad14'
                     }
-                }), element.alt || ((_state1 = state()) === null || _state1 === void 0 ? void 0 : _state1.url) || (element === null || element === void 0 ? void 0 : element.url) || '视频链接');
+                }), element.alt || ((_state1 = state()) === null || _state1 === void 0 ? void 0 : _state1.url) || (element === null || element === void 0 ? void 0 : element.url) || '视频链接', /*#__PURE__*/ React.createElement(SquareArrowUpRight, null));
             }
             return /*#__PURE__*/ React.createElement("video", {
                 "data-testid": "video-element",
@@ -703,9 +702,7 @@ export function Media(param) {
             }
             if (!state().loadSuccess) {
                 var _state3;
-                return /*#__PURE__*/ React.createElement("a", {
-                    target: "_blank",
-                    rel: "noopener noreferrer",
+                return /*#__PURE__*/ React.createElement("span", {
                     onClick: function(e) {
                         var _state, _editorProps_linkConfig, _state1, _editorProps_linkConfig1;
                         if (!(((_state = state()) === null || _state === void 0 ? void 0 : _state.url) || (element === null || element === void 0 ? void 0 : element.url))) return;
@@ -736,7 +733,7 @@ export function Media(param) {
                     style: {
                         color: '#faad14'
                     }
-                }), element.alt || ((_state3 = state()) === null || _state3 === void 0 ? void 0 : _state3.url) || (element === null || element === void 0 ? void 0 : element.url) || '音频链接');
+                }), element.alt || ((_state3 = state()) === null || _state3 === void 0 ? void 0 : _state3.url) || (element === null || element === void 0 ? void 0 : element.url) || '音频链接', /*#__PURE__*/ React.createElement(SquareArrowUpRight, null));
             }
             return /*#__PURE__*/ React.createElement("audio", {
                 "data-testid": "audio-element",

package/dist/MarkdownEditor/style.js

@@ -83,15 +83,14 @@ var genStyle = function(token) {
         '&-edit-area': {
             outline: 'none !important'
         },
-        '&-container': {
-        },
-        '&-content': _define_property({
+        '&-container': _define_property({
             // 默认 padding，可以通过 contentStyle 覆盖
             // 使用 CSS 变量，允许通过内联样式覆盖
             padding: 'var(--content-padding, 4px 20px)'
         }, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
             padding: 'var(--content-padding, 4px 4px)'
-        })
+        }),
+        '&-content': {}
     });
 };
 /**

package/dist/index.d.ts

@@ -85,3 +85,9 @@ export * from './Components/TypingAnimation';
 export * from './MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileListItem';
 export * from './MarkdownInputField/AttachmentButton/AttachmentFileList';
 export * from './MarkdownInputField/AttachmentButton/utils';
+/**
+ * Schema Editor Chrome 插件底层 SDK
+ * @description 原始 SDK 导出，一般用户无需直接使用
+ * 推荐通过 Bubble 组件的 schemaEditorConfig 属性集成
+ */
+export * from '@schema-editor/host-sdk';

package/dist/index.js

@@ -102,3 +102,8 @@ export * from "./Components/TypingAnimation";
 export * from "./MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileListItem";
 export * from "./MarkdownInputField/AttachmentButton/AttachmentFileList";
 export * from "./MarkdownInputField/AttachmentButton/utils";
+/**
+ * Schema Editor Chrome 插件底层 SDK
+ * @description 原始 SDK 导出，一般用户无需直接使用
+ * 推荐通过 Bubble 组件的 schemaEditorConfig 属性集成
+ */ export * from "@schema-editor/host-sdk";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.27.1",
+  "version": "2.27.3",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -53,6 +53,7 @@
     "@better-scroll/scroll-bar": "^2.5.1",
     "@galacean/effects": "^2.6.5",
     "@juggle/resize-observer": "^3.4.0",
+    "@schema-editor/host-sdk": "^1.2.0",
     "@sofa-design/icons": "^1.6.1",
     "ace-builds": "^1.43.4",
     "ajv": "^8.17.1",