@ant-design/agentic-ui 2.29.27 → 2.29.29

package/dist/Bubble/UserBubble.js

@@ -202,7 +202,12 @@ var getContentStyle = function getContentStyle(standalone, customStyle) {
         style: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle,
         className: cx("".concat(prefixClass, "-bubble-before"), "".concat(prefixClass, "-bubble-before-").concat(placement), "".concat(prefixClass, "-bubble-before-user"), hashId),
         "data-testid": "message-before"
-    }, contentBeforeDom), hasFileMap && /*#__PURE__*/ React.createElement("div", {
+    }, contentBeforeDom), /*#__PURE__*/ React.createElement("div", {
+        style: contentStyle,
+        className: cx("".concat(prefixClass, "-bubble-content"), "".concat(prefixClass, "-bubble-content-").concat(placement), "".concat(prefixClass, "-bubble-content-user"), _define_property({}, "".concat(prefixClass, "-bubble-content-pure"), props.pure), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemContentClassName, hashId),
+        onDoubleClick: props.onDoubleClick,
+        "data-testid": "message-content"
+    }, childrenDom), hasFileMap && /*#__PURE__*/ React.createElement("div", {
         style: fileViewStyle,
         className: cx("".concat(prefixClass, "-bubble-after"), "".concat(prefixClass, "-bubble-after-").concat(placement), "".concat(prefixClass, "-bubble-after-ai"), hashId),
         "data-testid": "message-after"
@@ -210,12 +215,7 @@ var getContentStyle = function getContentStyle(standalone, customStyle) {
         bubbleListRef: props.bubbleListRef,
         bubble: props,
         placement: placement
-    })), /*#__PURE__*/ React.createElement("div", {
-        style: contentStyle,
-        className: cx("".concat(prefixClass, "-bubble-content"), "".concat(prefixClass, "-bubble-content-").concat(placement), "".concat(prefixClass, "-bubble-content-user"), _define_property({}, "".concat(prefixClass, "-bubble-content-pure"), props.pure), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemContentClassName, hashId),
-        onDoubleClick: props.onDoubleClick,
-        "data-testid": "message-content"
-    }, childrenDom), contentAfterDom)))));
+    })), contentAfterDom)))));
     if ((bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.render) === false) return null;
     return /*#__PURE__*/ React.createElement(MessagesContext.Provider, {
         value: {

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

@@ -85,6 +85,10 @@ export declare class SchemaEditorBridgeManager {
      * 检查某个 ID 是否已注册
      */
     has(id: string): boolean;
+    /**
+     * 获取指定 id 的当前内容（用于测试或调试）
+     */
+    getContentById(id: string): string | undefined;
     /**
      * 启动 Bridge（幂等，已启动时直接返回）
      */

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

@@ -134,6 +134,15 @@ import { MarkdownEditor } from "../../MarkdownEditor";
                 return this.registry.has(id);
             }
         },
+        {
+            /**
+   * 获取指定 id 的当前内容（用于测试或调试）
+   */ key: "getContentById",
+            value: function getContentById(id) {
+                var handler = this.registry.get(id);
+                return handler === null || handler === void 0 ? void 0 : handler.getContent();
+            }
+        },
         {
             key: "startBridge",
             value: /**

package/dist/MarkdownEditor/BaseMarkdownEditor.js

@@ -136,6 +136,10 @@ function _sliced_to_array(arr, i) {
 function _to_consumable_array(arr) {
     return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
 }
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
 function _unsupported_iterable_to_array(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _array_like_to_array(o, minLen);
@@ -161,6 +165,7 @@ import { withErrorReporting } from "./editor/plugins/catchError";
 import { EditorStore, EditorStoreContext } from "./editor/store";
 import { InsertAutocomplete } from "./editor/tools/InsertAutocomplete";
 import { InsertLink } from "./editor/tools/InsertLink";
+import { JinjaTemplatePanel } from "./editor/tools/JinjaTemplatePanel";
 import { TocHeading } from "./editor/tools/Leading";
 import { FloatBar } from "./editor/tools/ToolBar/FloatBar";
 import ToolBar from "./editor/tools/ToolBar/ToolBar";
@@ -244,7 +249,7 @@ var I18nBoundary = function I18nBoundary(param) {
  * - 提供Markdown解析和渲染
  */ export var BaseMarkdownEditor = function BaseMarkdownEditor(props) {
     var _props_typewriter, _props_readonly;
-    var _props_floatBar, _props_floatBar1, _props_textAreaProps;
+    var _props_jinja, _effectiveJinja_templatePanel, _props_floatBar, _props_floatBar1, _props_textAreaProps;
     var initValue = props.initValue, width = props.width, _props_toolBar = props.toolBar, toolBar = _props_toolBar === void 0 ? {} : _props_toolBar, editorRef = props.editorRef, _props_toc = props.toc, toc = _props_toc === void 0 ? false : _props_toc, readonly = props.readonly, lazy = props.lazy, style = props.style, _props_contentStyle = props.contentStyle, contentStyle = _props_contentStyle === void 0 ? {
         height: '100%'
     } : _props_contentStyle, editorStyle = props.editorStyle, height = props.height, children = props.children, rest = _object_without_properties(props, [
@@ -395,6 +400,18 @@ var I18nBoundary = function I18nBoundary(param) {
         return new Subject();
     }, []);
     var _useState6 = _sliced_to_array(useState(null), 2), domRect = _useState6[0], setDomRect = _useState6[1];
+    var jinjaEnabled = ((_props_jinja = props.jinja) === null || _props_jinja === void 0 ? void 0 : _props_jinja.enable) === true || Array.isArray(props.plugins) && props.plugins.some(function(p) {
+        return p.jinja === true;
+    });
+    var pluginWithJinja = Array.isArray(props.plugins) ? props.plugins.find(function(p) {
+        return p.jinja === true;
+    }) : undefined;
+    var effectiveJinja = props.jinja ? props.jinja : (pluginWithJinja === null || pluginWithJinja === void 0 ? void 0 : pluginWithJinja.jinjaConfig) ? pluginWithJinja.jinjaConfig : pluginWithJinja ? {
+        enable: true
+    } : undefined;
+    var jinjaTemplatePanelEnabled = jinjaEnabled && effectiveJinja !== undefined && effectiveJinja !== null && effectiveJinja.templatePanel !== false && (_type_of(effectiveJinja.templatePanel) !== 'object' || ((_effectiveJinja_templatePanel = effectiveJinja.templatePanel) === null || _effectiveJinja_templatePanel === void 0 ? void 0 : _effectiveJinja_templatePanel.enable) !== false);
+    var _useState7 = _sliced_to_array(useState(false), 2), openJinjaTemplate = _useState7[0], setOpenJinjaTemplate = _useState7[1];
+    var _useState8 = _sliced_to_array(useState(null), 2), jinjaAnchorPath = _useState8[0], setJinjaAnchorPath = _useState8[1];
     var _obj;
     return wrapSSR(/*#__PURE__*/ React.createElement(I18nBoundary, null, /*#__PURE__*/ React.createElement(PluginContext.Provider, {
         value: props.plugins || []
@@ -414,9 +431,17 @@ var I18nBoundary = function I18nBoundary(param) {
             setDomRect: setDomRect,
             typewriter: (_props_typewriter = props.typewriter) !== null && _props_typewriter !== void 0 ? _props_typewriter : false,
             readonly: (_props_readonly = props.readonly) !== null && _props_readonly !== void 0 ? _props_readonly : false,
-            editorProps: props || {},
+            editorProps: effectiveJinja !== undefined ? _object_spread_props(_object_spread({}, props), {
+                jinja: effectiveJinja
+            }) : props || {},
             markdownEditorRef: markdownEditorRef,
-            markdownContainerRef: markdownContainerRef
+            markdownContainerRef: markdownContainerRef,
+            openJinjaTemplate: openJinjaTemplate,
+            setOpenJinjaTemplate: setOpenJinjaTemplate,
+            jinjaAnchorPath: jinjaAnchorPath,
+            setJinjaAnchorPath: setJinjaAnchorPath,
+            jinjaEnabled: jinjaEnabled,
+            jinjaTemplatePanelEnabled: jinjaTemplatePanelEnabled
         }
     }, /*#__PURE__*/ React.createElement("div", {
         id: props.id ? String(props.id) || undefined : undefined,
@@ -473,5 +498,5 @@ var I18nBoundary = function I18nBoundary(param) {
         comment: props.comment
     }) : null), readonly || (props === null || props === void 0 ? void 0 : (_props_textAreaProps = props.textAreaProps) === null || _props_textAreaProps === void 0 ? void 0 : _props_textAreaProps.enable) || (props === null || props === void 0 ? void 0 : props.reportMode) ? null : /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(baseClassName, "-focus"))
-    }), readonly ? /*#__PURE__*/ React.createElement(React.Fragment, null) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(InsertLink, null), /*#__PURE__*/ React.createElement(InsertAutocomplete, (props === null || props === void 0 ? void 0 : props.insertAutocompleteProps) || {})), children)))));
+    }), readonly ? /*#__PURE__*/ React.createElement(React.Fragment, null) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(InsertLink, null), /*#__PURE__*/ React.createElement(InsertAutocomplete, (props === null || props === void 0 ? void 0 : props.insertAutocompleteProps) || {}), jinjaTemplatePanelEnabled ? /*#__PURE__*/ React.createElement(JinjaTemplatePanel, null) : null), children)))));
 };

package/dist/MarkdownEditor/editor/Editor.js

@@ -325,7 +325,7 @@ var defaultAllowedTypes = [
  */ export var SlateMarkdownEditor = function SlateMarkdownEditor(props) {
     var _markdownEditorRef_current, _props_textAreaProps, _props_comment, _markdownEditorRef_current1;
     // 所有hooks必须在组件顶部按固定顺序调用
-    var _useEditorStore = useEditorStore(), store = _useEditorStore.store, markdownEditorRef = _useEditorStore.markdownEditorRef, markdownContainerRef = _useEditorStore.markdownContainerRef, readonly = _useEditorStore.readonly, setDomRect = _useEditorStore.setDomRect;
+    var _useEditorStore = useEditorStore(), store = _useEditorStore.store, markdownEditorRef = _useEditorStore.markdownEditorRef, markdownContainerRef = _useEditorStore.markdownContainerRef, readonly = _useEditorStore.readonly, setDomRect = _useEditorStore.setDomRect, jinjaEnabled = _useEditorStore.jinjaEnabled;
     // 懒加载元素索引计数器
     var lazyElementIndexRef = useRef(0);
     // 用于标记是否已在当前渲染周期重置过索引
@@ -357,7 +357,7 @@ var defaultAllowedTypes = [
     var plugins = useContext(PluginContext);
     var onKeyDown = useKeyboard(store, markdownEditorRef, props);
     var onChange = useOnchange(markdownEditorRef.current, props.onChange);
-    var high = useHighlight(store);
+    var high = useHighlight(store, jinjaEnabled);
     var childrenIsEmpty = useMemo(function() {
         var _markdownEditorRef_current;
         if (!((_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : _markdownEditorRef_current.children)) return false;

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

@@ -410,6 +410,15 @@ var MLeafComponent = function MLeafComponent(props) {
     if (leaf.html) {
         prefixClassName = classNames(mdEditorBaseClass + '-m-html');
     }
+    if (leaf.jinjaVariable) {
+        prefixClassName = classNames(prefixClassName, "".concat(mdEditorBaseClass, "-jinja-variable"));
+    }
+    if (leaf.jinjaTag) {
+        prefixClassName = classNames(prefixClassName, "".concat(mdEditorBaseClass, "-jinja-tag"));
+    }
+    if (leaf.jinjaComment) {
+        prefixClassName = classNames(prefixClassName, "".concat(mdEditorBaseClass, "-jinja-comment"));
+    }
     if (leaf.current) {
         style.background = '#f59e0b';
     }

package/dist/MarkdownEditor/editor/plugins/useHighlight.d.ts

@@ -5,4 +5,4 @@ export declare const cacheTextNode: WeakMap<object, {
     range: Range[];
 }>;
 export declare const clearInlineKatex: (editor: Editor) => void;
-export declare function useHighlight(store?: EditorStore): ([node, path]: NodeEntry) => Range[];
+export declare function useHighlight(store?: EditorStore, jinjaEnabled?: boolean): ([node, path]: NodeEntry) => Range[];

package/dist/MarkdownEditor/editor/plugins/useHighlight.js

@@ -91,6 +91,9 @@ var HTML_REG = /<[a-z]+[\s"'=:;()\w\-[\]/.]*\/?>(.*<\/[a-z]+>:?)?/g;
 var LINK_REG = /(https?|ftp):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/gi;
 var FOOTNOTE_REG = /\[\^[^\]]+\]/g;
 var TABLE_ROW_REG = /^\|([^|]+\|)+$/;
+/** 至少一个非 } 字符，避免匹配 {{}}、{{ 等不完整表达式 */ var JINJA_VARIABLE_REG = /\{\{[^}]+\}\}/g;
+/** 至少一个非 % 字符，避免匹配 {%%} */ var JINJA_TAG_REG = /\{%[^%]+%\}/g;
+/** 单行内注释，避免跨多行高亮造成大段误匹配（编辑器场景） */ var JINJA_COMMENT_REG = /\{#[^\n]*?#\}/g;
 export var cacheTextNode = new WeakMap();
 export var clearInlineKatex = function clearInlineKatex(editor) {
     var inlineMath = Array.from(Editor.nodes(editor, {
@@ -172,7 +175,24 @@ var processLinkMatches = function processLinkMatches(text, path, childIndex) {
     }
     return ranges;
 };
-export function useHighlight(store) {
+var processJinjaMatches = function processJinjaMatches(text, path, childIndex) {
+    var ranges = [];
+    var collect = function collect(reg, prop) {
+        reg.lastIndex = 0;
+        var match;
+        while((match = reg.exec(text)) !== null){
+            var index = match.index;
+            if (typeof index === 'number') {
+                ranges.push(createRange(path, childIndex, index, match[0].length, _define_property({}, prop, true)));
+            }
+        }
+    };
+    collect(JINJA_VARIABLE_REG, 'jinjaVariable');
+    collect(JINJA_TAG_REG, 'jinjaTag');
+    collect(JINJA_COMMENT_REG, 'jinjaComment');
+    return ranges;
+};
+export function useHighlight(store, jinjaEnabled) {
     return function(param) {
         var _param = _sliced_to_array(param, 2), node = _param[0], path = _param[1];
         // 快速路径：非元素节点或不在高亮节点列表中
@@ -204,6 +224,10 @@ export function useHighlight(store) {
                         var _allTextRanges1;
                         (_allTextRanges1 = allTextRanges).push.apply(_allTextRanges1, _to_consumable_array(processLinkMatches(child.text, path, i)));
                     }
+                    if (jinjaEnabled && child.text && !EditorUtils.isDirtLeaf(child)) {
+                        var _allTextRanges2;
+                        (_allTextRanges2 = allTextRanges).push.apply(_allTextRanges2, _to_consumable_array(processJinjaMatches(child.text, path, i)));
+                    }
                 }
                 // 统一缓存
                 cacheTextNode.set(node, {

package/dist/MarkdownEditor/editor/plugins/useKeyboard.js

@@ -36,6 +36,10 @@ function _non_iterable_rest() {
 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 _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
 function _unsupported_iterable_to_array(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _array_like_to_array(o, minLen);
@@ -94,7 +98,10 @@ import { useEditorStore } from "../store";
  * - 与编辑器状态深度集成，实现上下文相关的行为
  * - 提供良好的用户体验和 Markdown 编辑效率
  */ export var useKeyboard = function useKeyboard(store, markdownEditorRef, props) {
-    var _useEditorStore = useEditorStore(), openInsertCompletion = _useEditorStore.openInsertCompletion, insertCompletionText$ = _useEditorStore.insertCompletionText$, setOpenInsertCompletion = _useEditorStore.setOpenInsertCompletion;
+    var _useEditorStore = useEditorStore(), openInsertCompletion = _useEditorStore.openInsertCompletion, insertCompletionText$ = _useEditorStore.insertCompletionText$, setOpenInsertCompletion = _useEditorStore.setOpenInsertCompletion, openJinjaTemplate = _useEditorStore.openJinjaTemplate, setOpenJinjaTemplate = _useEditorStore.setOpenJinjaTemplate, setJinjaAnchorPath = _useEditorStore.setJinjaAnchorPath, jinjaTemplatePanelEnabled = _useEditorStore.jinjaTemplatePanelEnabled, editorProps = _useEditorStore.editorProps;
+    // 从 editorProps.jinja 读取（BaseMarkdownEditor 已写入 effectiveJinja），支持插件配置的 trigger
+    var effectiveJinja = editorProps === null || editorProps === void 0 ? void 0 : editorProps.jinja;
+    var jinjaTrigger = (effectiveJinja === null || effectiveJinja === void 0 ? void 0 : effectiveJinja.templatePanel) && _type_of(effectiveJinja.templatePanel) === 'object' && effectiveJinja.templatePanel.trigger || '{}';
     return useMemo(function() {
         var tab = new TabKey(markdownEditorRef.current);
         var backspace = new BackspaceKey(markdownEditorRef.current);
@@ -114,6 +121,10 @@ import { useEditorStore } from "../store";
                 e.preventDefault();
                 return;
             }
+            if (openJinjaTemplate && (isHotkey('up', e) || isHotkey('down', e))) {
+                e.preventDefault();
+                return;
+            }
             if (isHotkey('mod+ArrowDown', e)) {
                 e.preventDefault();
                 Transforms.select(markdownEditorRef.current, Editor.end(markdownEditorRef.current, []));
@@ -239,6 +250,15 @@ import { useEditorStore } from "../store";
                     var str = Node.string(node3[0]) || '';
                     var codeMatch = str.match(/^```([\w+\-#]+)$/i);
                     if (codeMatch) {} else {
+                        var strAfterKey = str + (e.key.length === 1 ? e.key : '');
+                        // 仅在实际输入一个字符且刚好补全 trigger 时打开面板，避免 Backspace 等导致误打开
+                        if (jinjaTemplatePanelEnabled && e.key.length === 1 && strAfterKey === jinjaTrigger && setOpenJinjaTemplate && setJinjaAnchorPath) {
+                            setJinjaAnchorPath(node3[1]);
+                            setTimeout(function() {
+                                return setOpenJinjaTemplate(true);
+                            });
+                            return;
+                        }
                         var insertMatch = str.match(/^\/([^\n]+)?$/i);
                         if (insertMatch && !(!Path.hasPrevious(node3[1]) && Node.parent(markdownEditorRef.current, node3[1]).type === 'list-item')) {
                             setOpenInsertCompletion === null || setOpenInsertCompletion === void 0 ? void 0 : setOpenInsertCompletion(true);
@@ -252,6 +272,14 @@ import { useEditorStore } from "../store";
         };
     }, [
         markdownEditorRef.current,
-        props === null || props === void 0 ? void 0 : props.readonly
+        props === null || props === void 0 ? void 0 : props.readonly,
+        openInsertCompletion,
+        insertCompletionText$,
+        setOpenInsertCompletion,
+        openJinjaTemplate,
+        setOpenJinjaTemplate,
+        setJinjaAnchorPath,
+        jinjaTemplatePanelEnabled,
+        jinjaTrigger
     ]);
 };

package/dist/MarkdownEditor/editor/store.d.ts

@@ -46,6 +46,18 @@ export interface EditorStoreContextType {
     openInsertCompletion?: boolean;
     /** 设置打开插入自动完成状态 */
     setOpenInsertCompletion?: (open: boolean) => void;
+    /** 是否打开 Jinja 模板面板 */
+    openJinjaTemplate?: boolean;
+    /** 设置打开 Jinja 模板面板状态 */
+    setOpenJinjaTemplate?: (open: boolean) => void;
+    /** Jinja 弹层插入锚点 path（当前段落节点 path） */
+    jinjaAnchorPath?: number[] | null;
+    /** 设置 Jinja 弹层锚点 path */
+    setJinjaAnchorPath?: (path: number[] | null) => void;
+    /** 是否启用 Jinja（总开关，用于语法高亮等） */
+    jinjaEnabled?: boolean;
+    /** 是否启用 Jinja 模板面板（用于触发与弹层） */
+    jinjaTemplatePanelEnabled?: boolean;
     /** 编辑器属性配置 */
     editorProps: MarkdownEditorProps;
     /** Markdown编辑器引用 */

package/dist/MarkdownEditor/editor/store.js

@@ -163,7 +163,13 @@ export var EditorStoreContext = createContext(null);
         readonly: true,
         typewriter: false,
         editorProps: {},
-        markdownEditorRef: {}
+        markdownEditorRef: {},
+        openJinjaTemplate: false,
+        setOpenJinjaTemplate: undefined,
+        jinjaAnchorPath: null,
+        setJinjaAnchorPath: undefined,
+        jinjaEnabled: false,
+        jinjaTemplatePanelEnabled: false
     };
 };
 /** 支持键入操作的标签类型列表 */ var SUPPORT_TYPING_TAG = [

package/dist/MarkdownEditor/editor/style.js

@@ -529,6 +529,16 @@ var genStyle = function genStyle(token) {
         '& &-m-html': {
             color: 'rgba(0,0,0,0.45)'
         },
+        '& &-jinja-variable': {
+            color: 'var(--color-primary-control-fill-primary, #1677ff)'
+        },
+        '& &-jinja-tag': {
+            color: 'var(--color-orange-6, #d46b08)'
+        },
+        '& &-jinja-comment': {
+            color: 'var(--color-text-tertiary, rgba(0,0,0,0.25))',
+            fontStyle: 'italic'
+        },
         '&:not(:last-child)': {
             marginBottom: '0.5em'
         },

package/dist/MarkdownEditor/editor/tools/JinjaTemplatePanel/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const JinjaTemplatePanel: React.FC;