@ant-design/agentic-ui 2.29.28 → 2.29.30

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.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { MarkdownEditorInstance, MarkdownEditorProps } from '../types';
 /**
  * Markdown 编辑器组件的属性接口
@@ -66,4 +67,4 @@ export type MEditorProps = {
  * - 支持错误边界
  * - 响应式布局
  */
-export declare const SlateMarkdownEditor: (props: MEditorProps) => any;
+export declare const SlateMarkdownEditor: React.MemoExoticComponent<(props: MEditorProps) => any>;

package/dist/MarkdownEditor/editor/Editor.js

@@ -322,10 +322,10 @@ var defaultAllowedTypes = [
  * - 提供粘贴处理
  * - 支持错误边界
  * - 响应式布局
- */ export var SlateMarkdownEditor = function SlateMarkdownEditor(props) {
+ */ export var SlateMarkdownEditor = /*#__PURE__*/ React.memo(function(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;
@@ -1229,4 +1229,4 @@ var defaultAllowedTypes = [
         renderLeaf: renderMarkdownLeaf,
         onKeyDown: handleKeyDown
     }))));
-};
+});

package/dist/MarkdownEditor/editor/elements/LinkCard/ReadonlyLinkCard.js

@@ -82,7 +82,8 @@ import { AvatarList } from "../../components/ContributorAvatar";
     var element = param.element, attributes = param.attributes, children = param.children;
     var _element_otherProps, _element_otherProps_collaborators, _element_otherProps1, _element_otherProps2;
     var context = useContext(ConfigProvider.ConfigContext);
-    var baseCls = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-link-card');
+    var contentCls = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-content');
+    var blockCls = contentCls ? "".concat(contentCls, "-link-card") : '';
     var _useState = _sliced_to_array(useState(false), 2), showAsText = _useState[0], setShowAsText = _useState[1];
     // 如果 finished 为 false，设置 5 秒超时，超时后显示为文本
     useEffect(function() {
@@ -123,7 +124,7 @@ import { AvatarList } from "../../components/ContributorAvatar";
         }), children);
     }
     return /*#__PURE__*/ React.createElement("div", attributes, /*#__PURE__*/ React.createElement("div", {
-        className: classNames(baseCls),
+        className: classNames(blockCls),
         "data-be": "link-card",
         draggable: false,
         style: {
@@ -146,12 +147,12 @@ import { AvatarList } from "../../components/ContributorAvatar";
             if (typeof window === 'undefined') return;
             window.open(element === null || element === void 0 ? void 0 : element.url);
         },
-        className: classNames("".concat(baseCls, "-container"))
+        className: classNames("".concat(blockCls, "__container"))
     }, /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-container-content")),
+        className: classNames("".concat(blockCls, "__content")),
         contentEditable: false
     }, element.icon ? /*#__PURE__*/ React.createElement("img", {
-        className: classNames("".concat(baseCls, "-container-content-icon")),
+        className: classNames("".concat(blockCls, "__icon")),
         src: element.icon,
         width: 56
     }) : null, /*#__PURE__*/ React.createElement("div", {
@@ -161,7 +162,7 @@ import { AvatarList } from "../../components/ContributorAvatar";
         }
     }, /*#__PURE__*/ React.createElement("a", {
         href: element === null || element === void 0 ? void 0 : element.url,
-        className: classNames("".concat(baseCls, "-container-content-title")),
+        className: classNames("".concat(blockCls, "__title")),
         onClick: function onClick(e) {
             e.stopPropagation();
             e.preventDefault();
@@ -170,9 +171,9 @@ import { AvatarList } from "../../components/ContributorAvatar";
         },
         download: element.title || element.name || 'no title'
     }, element.title || element.name || 'no title'), /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-container-content-description"))
+        className: classNames("".concat(blockCls, "__description"))
     }, element.description ? element.description : element === null || element === void 0 ? void 0 : element.url), /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-container-content-collaborators"))
+        className: classNames("".concat(blockCls, "__collaborators"))
     }, ((_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.collaborators) ? /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement(AvatarList, {
         displayList: ((_element_otherProps1 = element.otherProps) === null || _element_otherProps1 === void 0 ? void 0 : (_element_otherProps_collaborators = _element_otherProps1.collaborators) === null || _element_otherProps_collaborators === void 0 ? void 0 : _element_otherProps_collaborators.map(function(item) {
             var _Object_keys, _Object_values;
@@ -182,7 +183,7 @@ import { AvatarList } from "../../components/ContributorAvatar";
             };
         }).slice(0, 5)) || []
     })) : /*#__PURE__*/ React.createElement("div", null), ((_element_otherProps2 = element.otherProps) === null || _element_otherProps2 === void 0 ? void 0 : _element_otherProps2.updateTime) ? /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-container-content-updateTime")),
+        className: classNames("".concat(blockCls, "__update-time")),
         style: {
             color: 'rgba(0,0,0,0.45)',
             fontSize: 12

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

@@ -53,7 +53,8 @@ export function LinkCard(param) {
     var element = param.element, attributes = param.attributes, children = param.children;
     var _element_otherProps, _element_otherProps_collaborators, _element_otherProps1, _element_otherProps2;
     var context = useContext(ConfigProvider.ConfigContext);
-    var baseCls = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-link-card');
+    var contentCls = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-content');
+    var blockCls = contentCls ? "".concat(contentCls, "-link-card") : '';
     var htmlRef = React.useRef(null);
     var _useState = _sliced_to_array(useState(false), 2), showAsText = _useState[0], setShowAsText = _useState[1];
     // 如果 finished 为 false，设置 5 秒超时，超时后显示为文本
@@ -95,7 +96,7 @@ export function LinkCard(param) {
         }), children);
     }
     return /*#__PURE__*/ React.createElement("div", attributes, /*#__PURE__*/ React.createElement("div", {
-        className: classNames(baseCls),
+        className: classNames(blockCls),
         "data-be": "link-card",
         "data-drag-el": true,
         draggable: false,
@@ -126,12 +127,12 @@ export function LinkCard(param) {
             if (typeof window === 'undefined') return;
             window.open(element === null || element === void 0 ? void 0 : element.url);
         },
-        className: classNames("".concat(baseCls, "-container"))
+        className: classNames("".concat(blockCls, "__container"))
     }, /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-container-content")),
+        className: classNames("".concat(blockCls, "__content")),
         contentEditable: false
     }, element.icon ? /*#__PURE__*/ React.createElement("img", {
-        className: classNames("".concat(baseCls, "-container-content-icon")),
+        className: classNames("".concat(blockCls, "__icon")),
         src: element.icon,
         width: 56
     }) : null, /*#__PURE__*/ React.createElement("div", {
@@ -141,7 +142,7 @@ export function LinkCard(param) {
         }
     }, /*#__PURE__*/ React.createElement("a", {
         href: element === null || element === void 0 ? void 0 : element.url,
-        className: classNames("".concat(baseCls, "-container-content-title")),
+        className: classNames("".concat(blockCls, "__title")),
         onClick: function onClick(e) {
             e.stopPropagation();
             e.preventDefault();
@@ -150,9 +151,9 @@ export function LinkCard(param) {
         },
         download: element.title || element.name || 'no title'
     }, element.title || element.name || 'no title'), /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-container-content-description"))
+        className: classNames("".concat(blockCls, "__description"))
     }, element.description ? element.description : element === null || element === void 0 ? void 0 : element.url), /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-container-content-collaborators"))
+        className: classNames("".concat(blockCls, "__collaborators"))
     }, ((_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.collaborators) ? /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement(AvatarList, {
         displayList: ((_element_otherProps1 = element.otherProps) === null || _element_otherProps1 === void 0 ? void 0 : (_element_otherProps_collaborators = _element_otherProps1.collaborators) === null || _element_otherProps_collaborators === void 0 ? void 0 : _element_otherProps_collaborators.map(function(item) {
             var _Object_keys, _Object_values;
@@ -162,7 +163,7 @@ export function LinkCard(param) {
             };
         }).slice(0, 5)) || []
     })) : /*#__PURE__*/ React.createElement("div", null), ((_element_otherProps2 = element.otherProps) === null || _element_otherProps2 === void 0 ? void 0 : _element_otherProps2.updateTime) ? /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-container-content-updateTime")),
+        className: classNames("".concat(blockCls, "__update-time")),
         style: {
             color: 'rgba(0,0,0,0.45)',
             fontSize: 12

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/InsertAutocomplete.js

@@ -969,7 +969,7 @@ export var InsertAutocomplete = function InsertAutocomplete(props) {
         openInsertCompletion
     ]);
     var context = useContext(ConfigProvider.ConfigContext);
-    var baseClassName = context === null || context === void 0 ? void 0 : context.getPrefixCls("md-editor-insert-autocomplete");
+    var baseClassName = context === null || context === void 0 ? void 0 : context.getPrefixCls("agentic-md-editor-insert-autocomplete");
     var _useStyle = useStyle(baseClassName), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     return /*#__PURE__*/ ReactDOM.createPortal(wrapSSR(/*#__PURE__*/ React.createElement("div", {
         ref: dom,

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

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