@ant-design/agentic-ui 2.29.28 → 2.29.29

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;

package/dist/MarkdownEditor/editor/tools/JinjaTemplatePanel/index.js

@@ -0,0 +1,327 @@
+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 _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;
+}
+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 _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);
+    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 { ConfigProvider, Typography } from "antd";
+import classNames from "clsx";
+import isHotkey from "is-hotkey";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import ReactDOM from "react-dom";
+import { Editor, Transforms } from "slate";
+import { ReactEditor } from "slate-react";
+import { useEditorStore } from "../../store";
+import { getOffsetLeft } from "../../utils/dom";
+import { EditorUtils } from "../../utils/editorUtils";
+import { JINJA_PANEL_PREFIX_CLS, useJinjaTemplatePanelStyle } from "./style";
+import { JINJA_DOC_LINK, JINJA_TEMPLATE_DATA } from "./templates";
+var PANEL_MAX_HEIGHT = 320;
+function getPosition(nodeEl) {
+    var rect = nodeEl.getBoundingClientRect();
+    var left = getOffsetLeft(nodeEl, document.body) + 0;
+    var top = rect.bottom + window.scrollY;
+    var viewportHeight = document.documentElement.clientHeight;
+    var spaceBelow = viewportHeight - rect.bottom;
+    if (spaceBelow < PANEL_MAX_HEIGHT && rect.top > PANEL_MAX_HEIGHT) {
+        return {
+            left: left,
+            bottom: viewportHeight - rect.top
+        };
+    }
+    return {
+        left: left,
+        top: top
+    };
+}
+export var JinjaTemplatePanel = function JinjaTemplatePanel() {
+    var _ref, _ref1, _ref2, _ref3;
+    var _context_getPrefixCls;
+    var _useEditorStore = useEditorStore(), markdownEditorRef = _useEditorStore.markdownEditorRef, markdownContainerRef = _useEditorStore.markdownContainerRef, openJinjaTemplate = _useEditorStore.openJinjaTemplate, setOpenJinjaTemplate = _useEditorStore.setOpenJinjaTemplate, jinjaAnchorPath = _useEditorStore.jinjaAnchorPath, setJinjaAnchorPath = _useEditorStore.setJinjaAnchorPath, editorProps = _useEditorStore.editorProps;
+    var jinjaConfig = editorProps === null || editorProps === void 0 ? void 0 : editorProps.jinja;
+    var templatePanelConfig = (jinjaConfig === null || jinjaConfig === void 0 ? void 0 : jinjaConfig.templatePanel) && _type_of(jinjaConfig.templatePanel) === 'object' ? jinjaConfig.templatePanel : undefined;
+    var trigger = (_ref = templatePanelConfig === null || templatePanelConfig === void 0 ? void 0 : templatePanelConfig.trigger) !== null && _ref !== void 0 ? _ref : '{}';
+    var docLink = (_ref1 = jinjaConfig === null || jinjaConfig === void 0 ? void 0 : jinjaConfig.docLink) !== null && _ref1 !== void 0 ? _ref1 : JINJA_DOC_LINK;
+    var notFoundContent = (_ref2 = templatePanelConfig === null || templatePanelConfig === void 0 ? void 0 : templatePanelConfig.notFoundContent) !== null && _ref2 !== void 0 ? _ref2 : null;
+    var itemsConfig = templatePanelConfig === null || templatePanelConfig === void 0 ? void 0 : templatePanelConfig.items;
+    var _useState = _sliced_to_array(useState(JINJA_TEMPLATE_DATA), 2), items = _useState[0], setItems = _useState[1];
+    var _useState1 = _sliced_to_array(useState(false), 2), loading = _useState1[0], setLoading = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(0), 2), activeIndex = _useState2[0], setActiveIndex = _useState2[1];
+    var _useState3 = _sliced_to_array(useState({
+        left: 0
+    }), 2), position = _useState3[0], setPosition = _useState3[1];
+    var domRef = useRef(null);
+    var context = React.useContext(ConfigProvider.ConfigContext);
+    var prefixCls = (_ref3 = context === null || context === void 0 ? void 0 : (_context_getPrefixCls = context.getPrefixCls) === null || _context_getPrefixCls === void 0 ? void 0 : _context_getPrefixCls.call(context, 'md-editor-jinja-panel')) !== null && _ref3 !== void 0 ? _ref3 : JINJA_PANEL_PREFIX_CLS;
+    var _useJinjaTemplatePanelStyle = useJinjaTemplatePanelStyle(prefixCls), wrapSSR = _useJinjaTemplatePanelStyle.wrapSSR, hashId = _useJinjaTemplatePanelStyle.hashId;
+    var close = useCallback(function() {
+        setOpenJinjaTemplate === null || setOpenJinjaTemplate === void 0 ? void 0 : setOpenJinjaTemplate(false);
+        setJinjaAnchorPath === null || setJinjaAnchorPath === void 0 ? void 0 : setJinjaAnchorPath(null);
+        setActiveIndex(0);
+    }, [
+        setOpenJinjaTemplate,
+        setJinjaAnchorPath
+    ]);
+    var handleClickOutside = useCallback(function(e) {
+        var target = e.target;
+        if (domRef.current && !domRef.current.contains(target)) {
+            close();
+        }
+    }, [
+        close
+    ]);
+    useEffect(function() {
+        if (!openJinjaTemplate) return;
+        if (typeof itemsConfig === 'function') {
+            setLoading(true);
+            var editor = markdownEditorRef === null || markdownEditorRef === void 0 ? void 0 : markdownEditorRef.current;
+            itemsConfig({
+                editor: editor
+            }).then(function(list) {
+                setItems(Array.isArray(list) ? list : JINJA_TEMPLATE_DATA);
+            }).catch(function(err) {
+                setItems(JINJA_TEMPLATE_DATA);
+                if (process.env.NODE_ENV !== 'production') {
+                    console.error('[JinjaTemplatePanel] Failed to load template items:', err);
+                }
+            }).finally(function() {
+                return setLoading(false);
+            });
+        } else if (Array.isArray(itemsConfig)) {
+            setItems(itemsConfig);
+        } else {
+            setItems(JINJA_TEMPLATE_DATA);
+        }
+    }, [
+        openJinjaTemplate,
+        itemsConfig,
+        markdownEditorRef
+    ]);
+    useEffect(function() {
+        if (!openJinjaTemplate || !jinjaAnchorPath || !(markdownEditorRef === null || markdownEditorRef === void 0 ? void 0 : markdownEditorRef.current)) return;
+        var editor = markdownEditorRef.current;
+        try {
+            var _Editor_node = _sliced_to_array(Editor.node(editor, jinjaAnchorPath), 1), node = _Editor_node[0];
+            if (node) {
+                var el = ReactEditor.toDOMNode(editor, node);
+                if (el) {
+                    var pos = getPosition(el);
+                    setPosition(pos);
+                }
+            }
+        } catch (unused) {
+            setPosition({
+                left: 0
+            });
+        }
+    }, [
+        openJinjaTemplate,
+        jinjaAnchorPath,
+        markdownEditorRef
+    ]);
+    useEffect(function() {
+        if (!openJinjaTemplate) return;
+        if (typeof window === 'undefined') return;
+        window.addEventListener('click', handleClickOutside);
+        return function() {
+            return window.removeEventListener('click', handleClickOutside);
+        };
+    }, [
+        openJinjaTemplate,
+        handleClickOutside
+    ]);
+    var insertTemplate = useCallback(function(item) {
+        var editor = markdownEditorRef === null || markdownEditorRef === void 0 ? void 0 : markdownEditorRef.current;
+        if (!editor || !jinjaAnchorPath || !setOpenJinjaTemplate) return;
+        try {
+            var _Editor_before;
+            var end = Editor.end(editor, jinjaAnchorPath);
+            var start = (_Editor_before = Editor.before(editor, end, {
+                distance: trigger.length
+            })) !== null && _Editor_before !== void 0 ? _Editor_before : end;
+            Transforms.delete(editor, {
+                at: {
+                    anchor: start,
+                    focus: end
+                }
+            });
+            Transforms.insertText(editor, item.template, {
+                at: start
+            });
+            EditorUtils.focus(editor);
+        } finally{
+            close();
+        }
+    }, [
+        markdownEditorRef,
+        jinjaAnchorPath,
+        trigger.length,
+        setOpenJinjaTemplate,
+        close
+    ]);
+    var keydown = useCallback(function(e) {
+        if (!openJinjaTemplate) return;
+        if (isHotkey('esc', e)) {
+            e.preventDefault();
+            close();
+            EditorUtils.focus(markdownEditorRef === null || markdownEditorRef === void 0 ? void 0 : markdownEditorRef.current);
+            return;
+        }
+        if (e.key === 'ArrowUp') {
+            e.preventDefault();
+            setActiveIndex(function(i) {
+                return i > 0 ? i - 1 : items.length - 1;
+            });
+            return;
+        }
+        if (e.key === 'ArrowDown') {
+            e.preventDefault();
+            setActiveIndex(function(i) {
+                return i < items.length - 1 ? i + 1 : 0;
+            });
+            return;
+        }
+        if (e.key === 'Enter' && items[activeIndex]) {
+            e.preventDefault();
+            e.stopPropagation();
+            insertTemplate(items[activeIndex]);
+        }
+    }, [
+        openJinjaTemplate,
+        close,
+        markdownEditorRef,
+        items,
+        activeIndex,
+        insertTemplate
+    ]);
+    useEffect(function() {
+        var container = markdownContainerRef === null || markdownContainerRef === void 0 ? void 0 : markdownContainerRef.current;
+        if (!container) return;
+        container.addEventListener('keydown', keydown);
+        return function() {
+            return container.removeEventListener('keydown', keydown);
+        };
+    }, [
+        markdownContainerRef,
+        keydown
+    ]);
+    useEffect(function() {
+        setActiveIndex(0);
+    }, [
+        items
+    ]);
+    if (!openJinjaTemplate) return null;
+    var panel = wrapSSR(/*#__PURE__*/ React.createElement("div", {
+        ref: domRef,
+        role: "listbox",
+        "aria-label": "Jinja template list",
+        className: classNames(prefixCls, hashId),
+        style: {
+            position: 'absolute',
+            zIndex: 9999,
+            left: position.left,
+            top: position.top,
+            bottom: position.bottom
+        },
+        onMouseDown: function onMouseDown(e) {
+            return e.preventDefault();
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: "".concat(prefixCls, "__content")
+    }, docLink ? /*#__PURE__*/ React.createElement("div", {
+        className: "".concat(prefixCls, "__doc-link")
+    }, /*#__PURE__*/ React.createElement(Typography.Link, {
+        href: docLink,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": "打开 Jinja 使用说明（新窗口）"
+    }, "使用说明")) : null, /*#__PURE__*/ React.createElement("div", {
+        className: "".concat(prefixCls, "__list-box")
+    }, loading ? /*#__PURE__*/ React.createElement("div", {
+        style: {
+            padding: 12,
+            color: 'var(--color-text-secondary)'
+        }
+    }, "加载中...") : items.length === 0 ? notFoundContent !== null && notFoundContent !== void 0 ? notFoundContent : /*#__PURE__*/ React.createElement("div", {
+        style: {
+            padding: 12,
+            color: 'var(--color-text-secondary)'
+        }
+    }, "暂无模板") : items.map(function(item, i) {
+        return /*#__PURE__*/ React.createElement("div", {
+            key: i,
+            role: "option",
+            "aria-selected": i === activeIndex,
+            className: classNames("".concat(prefixCls, "__item"), _define_property({}, "".concat(prefixCls, "__item--active"), i === activeIndex)),
+            onMouseDown: function onMouseDown(e) {
+                e.preventDefault();
+                insertTemplate(item);
+            },
+            onMouseEnter: function onMouseEnter() {
+                return setActiveIndex(i);
+            }
+        }, /*#__PURE__*/ React.createElement("span", {
+            className: "".concat(prefixCls, "__item-title")
+        }, item.title), item.description ? /*#__PURE__*/ React.createElement("span", {
+            className: "".concat(prefixCls, "__item-desc")
+        }, item.description) : null);
+    })))));
+    return /*#__PURE__*/ ReactDOM.createPortal(panel, document.body);
+};

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const JINJA_PANEL_PREFIX_CLS = "md-editor-jinja-panel";
+export declare function useJinjaTemplatePanelStyle(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/MarkdownEditor/editor/tools/JinjaTemplatePanel/style.js

@@ -0,0 +1,131 @@
+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;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { resetComponent, useEditorStyleRegister } from "../../../../Hooks/useStyle";
+export var JINJA_PANEL_PREFIX_CLS = 'md-editor-jinja-panel';
+var genJinjaPanelStyle = function genJinjaPanelStyle(token) {
+    return _define_property({}, token.componentCls, {
+        boxSizing: 'border-box',
+        display: 'flex',
+        flexDirection: 'column',
+        maxHeight: 320,
+        minWidth: 240,
+        overflow: 'hidden',
+        borderRadius: token.borderRadius,
+        backgroundColor: token.colorBgContainer,
+        boxShadow: token.boxShadowSecondary,
+        border: "1px solid ".concat(token.colorBorder),
+        '&__content': {
+            display: 'flex',
+            flexDirection: 'column',
+            flex: 1,
+            overflow: 'hidden'
+        },
+        '&__doc-link': {
+            padding: '8px 12px',
+            fontSize: token.fontSizeSM,
+            color: token.colorLink,
+            borderBottom: "1px solid ".concat(token.colorBorder),
+            a: {
+                color: 'inherit',
+                textDecoration: 'none',
+                '&:hover': {
+                    textDecoration: 'underline'
+                },
+                '&:focus-visible': {
+                    outline: "2px solid ".concat(token.colorPrimary),
+                    outlineOffset: 2,
+                    borderRadius: token.borderRadiusSM
+                }
+            }
+        },
+        '&__list-box': {
+            flex: 1,
+            overflowY: 'auto',
+            padding: '4px 0'
+        },
+        '&__item': {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 2,
+            padding: '8px 12px',
+            cursor: 'pointer',
+            '&:hover': {
+                backgroundColor: token.colorFillTertiary
+            },
+            '&--active': {
+                backgroundColor: token.controlItemBgHover
+            }
+        },
+        '&__item-title': {
+            fontSize: token.fontSize,
+            fontWeight: token.fontWeightStrong,
+            color: token.colorText
+        },
+        '&__item-desc': {
+            fontSize: token.fontSizeSM,
+            color: token.colorTextSecondary
+        }
+    });
+};
+export function useJinjaTemplatePanelStyle(prefixCls) {
+    var componentCls = '.' + (prefixCls || JINJA_PANEL_PREFIX_CLS);
+    return useEditorStyleRegister('JinjaTemplatePanel-' + (prefixCls || JINJA_PANEL_PREFIX_CLS), function(token) {
+        var editorToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: componentCls
+        });
+        return [
+            resetComponent(editorToken),
+            genJinjaPanelStyle(editorToken)
+        ];
+    });
+}

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

@@ -0,0 +1,5 @@
+import type { JinjaTemplateItem } from '../../../types';
+/** 内置 Jinja 模板数据，与 agent-ui-pc JinjaTemplateData 文案一致 */
+export declare const JINJA_TEMPLATE_DATA: JinjaTemplateItem[];
+/** 默认使用说明链接，未配置 jinja.docLink 时使用 */
+export declare const JINJA_DOC_LINK = "https://jinja.palletsprojects.com/";

package/dist/MarkdownEditor/editor/tools/JinjaTemplatePanel/templates.js

@@ -0,0 +1,28 @@
+/** 内置 Jinja 模板数据，与 agent-ui-pc JinjaTemplateData 文案一致 */ export var JINJA_TEMPLATE_DATA = [
+    {
+        title: '变量插值',
+        description: '{{ variable }}',
+        template: '{{ }}'
+    },
+    {
+        title: '条件语句',
+        description: '{% if condition %}...{% endif %}',
+        template: '{% if  %}\n  \n{% endif %}'
+    },
+    {
+        title: '循环遍历',
+        description: '{% for item in list %}...{% endfor %}',
+        template: '{% for  in  %}\n  \n{% endfor %}'
+    },
+    {
+        title: '过滤器',
+        description: '{{ value | filter }}',
+        template: '{{  | }}'
+    },
+    {
+        title: '设置变量',
+        description: '{% set name = value %}',
+        template: '{% set  =  %}'
+    }
+];
+/** 默认使用说明链接，未配置 jinja.docLink 时使用 */ export var JINJA_DOC_LINK = 'https://jinja.palletsprojects.com/';

package/dist/MarkdownEditor/el.d.ts

@@ -228,6 +228,9 @@ export type CustomLeaf<T = Record<string, any>> = {
     fnc?: boolean;
     fnd?: boolean;
     comment?: boolean;
+    jinjaVariable?: boolean;
+    jinjaTag?: boolean;
+    jinjaComment?: boolean;
     selection?: BaseRange;
     id?: string;
     data?: Record<string, any>;

package/dist/MarkdownEditor/plugin.d.ts

@@ -2,6 +2,7 @@ import { Node } from 'mdast';
 import React from 'react';
 import { Editor, NodeEntry } from 'slate';
 import { ElementProps, Elements } from './el';
+import type { JinjaConfig } from './types';
 export type MarkdownEditorPlugin = {
     elements?: Record<string, React.ComponentType<ElementProps<any>>>;
     parseMarkdown?: {
@@ -15,5 +16,9 @@ export type MarkdownEditorPlugin = {
     withEditor?: (editor: Editor) => Editor;
     hotkeys?: Record<string, (editor: Editor) => void>;
     onPaste?: (text: string) => boolean;
+    /** 启用 Jinja 能力（模板面板 + 语法高亮），与 props.jinja?.enable 二选一 */
+    jinja?: true;
+    /** 通过插件启用时的默认 Jinja 配置（当未传 props.jinja 时使用） */
+    jinjaConfig?: JinjaConfig;
 };
 export declare const PluginContext: React.Context<MarkdownEditorPlugin[]>;

package/dist/MarkdownEditor/plugins/jinja.d.ts

@@ -0,0 +1,21 @@
+import type { MarkdownEditorPlugin } from '../plugin';
+import type { JinjaConfig } from '../types';
+/** createJinjaPlugin 的配置：不含 enable，插件语义即“启用 Jinja”，内部始终 enable: true */
+export type JinjaPluginOptions = Omit<Partial<JinjaConfig>, 'enable'>;
+/**
+ * 创建 Jinja 插件，启用模板面板（输入 `{}` 触发）与编辑器内 Jinja 语法高亮。
+ * 可通过 props.jinja 配置，或仅通过插件启用并在此传入默认配置。
+ * 不在 options 中接受 enable，插件即表示启用，产出配置始终 enable: true。
+ *
+ * @param options 可选，与 props.jinja 同结构（不含 enable），用于通过插件启用时提供默认配置
+ * @returns MarkdownEditorPlugin & { jinja: true; jinjaConfig?: JinjaConfig }
+ */
+export declare function createJinjaPlugin(options?: JinjaPluginOptions): MarkdownEditorPlugin & {
+    jinja: true;
+    jinjaConfig?: JinjaConfig;
+};
+/** 默认 Jinja 插件实例，可直接用于 plugins={[jinjaPlugin]} */
+export declare const jinjaPlugin: MarkdownEditorPlugin & {
+    jinja: true;
+    jinjaConfig?: JinjaConfig | undefined;
+};

package/dist/MarkdownEditor/plugins/jinja.js

@@ -0,0 +1,70 @@
+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;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+/**
+ * 创建 Jinja 插件，启用模板面板（输入 `{}` 触发）与编辑器内 Jinja 语法高亮。
+ * 可通过 props.jinja 配置，或仅通过插件启用并在此传入默认配置。
+ * 不在 options 中接受 enable，插件即表示启用，产出配置始终 enable: true。
+ *
+ * @param options 可选，与 props.jinja 同结构（不含 enable），用于通过插件启用时提供默认配置
+ * @returns MarkdownEditorPlugin & { jinja: true; jinjaConfig?: JinjaConfig }
+ */ export function createJinjaPlugin(options) {
+    var jinjaConfig = options ? _object_spread_props(_object_spread({}, options), {
+        enable: true
+    }) : undefined;
+    return _object_spread({
+        jinja: true
+    }, jinjaConfig ? {
+        jinjaConfig: jinjaConfig
+    } : {});
+}
+/** 默认 Jinja 插件实例，可直接用于 plugins={[jinjaPlugin]} */ export var jinjaPlugin = createJinjaPlugin();

package/dist/MarkdownEditor/types.d.ts

@@ -1,7 +1,7 @@
 import type { Ace } from 'ace-builds';
 import { AnchorProps, ImageProps } from 'antd';
 import React from 'react';
-import { BaseEditor, Selection } from 'slate';
+import { BaseEditor, Editor, Selection } from 'slate';
 import { HistoryEditor } from 'slate-history';
 import { ReactEditor, RenderElementProps } from 'slate-react';
 import { TagPopupProps } from './editor/elements/TagPopup';
@@ -42,6 +42,39 @@ export type CommentDataType = {
         avatar?: string;
     };
 };
+/** Jinja 模板项，与 agent-ui-pc JinjaTemplateData 一致 */
+export type JinjaTemplateItem = {
+    title: string;
+    description?: string;
+    template: string;
+};
+/** 模板列表：静态数组或异步加载（与 TagPopupProps.items 一致） */
+export type JinjaTemplatePanelItems = JinjaTemplateItem[] | ((params?: {
+    editor?: Editor;
+}) => Promise<JinjaTemplateItem[]>);
+/** 模板面板配置（与 tag 配置做成一样，支持 items 异步） */
+export interface JinjaTemplatePanelConfig {
+    /** 是否开启 {} 触发与模板面板，默认 true */
+    enable?: boolean;
+    /** 触发符，默认 '{}' */
+    trigger?: string;
+    /**
+     * 模板列表：静态数组或异步加载
+     * 不传时使用内置 JINJA_TEMPLATE_DATA
+     */
+    items?: JinjaTemplatePanelItems;
+    /** 无数据时展示，同 TagPopupProps.notFoundContent */
+    notFoundContent?: React.ReactNode;
+}
+/** Jinja 配置：总开关、使用说明链接、模板面板 */
+export interface JinjaConfig {
+    /** 总开关：为 true 时启用 Jinja 语法高亮；同时若未关闭 templatePanel 则启用模板面板 */
+    enable: boolean;
+    /** 使用说明链接，供模板面板「使用说明」使用 */
+    docLink?: string;
+    /** 模板面板配置（与 tag 配置做成一样，支持 items 异步） */
+    templatePanel?: boolean | JinjaTemplatePanelConfig;
+}
 /**
  * 编辑器接口定义
  * @interface IEditor
@@ -338,6 +371,10 @@ export type MarkdownEditorProps = {
         enabled?: boolean;
         allowedTypes?: string[];
     };
+    /**
+     * Jinja 配置：语法高亮与模板面板（输入 `{}` 触发）
+     */
+    jinja?: JinjaConfig;
     /**
      * 插件配置
      */

package/dist/TaskList/index.d.ts

@@ -46,5 +46,5 @@ export type ThoughtChainProps = TaskListProps;
  * />
  * ```
  */
-export declare const TaskList: React.MemoExoticComponent<({ items, className, expandedKeys, onExpandedKeysChange, }: TaskListProps) => any>;
+export declare const TaskList: React.MemoExoticComponent<({ items, className, expandedKeys, onExpandedKeysChange }: TaskListProps) => any>;
 export {};

package/dist/index.d.ts

@@ -11,14 +11,14 @@ import './root.css';
 export type { RenderElementProps } from 'slate-react';
 export * from './Types';
 export * from './AgenticLayout';
-export { default as Workspace } from './Workspace';
 export * from './Workspace';
+export { default as Workspace } from './Workspace';
 export * from './Workspace/types';
 export * from './Bubble';
 export * from './Bubble/List';
+export * from './Bubble/MessagesContent/VoiceButton/types';
 export * from './Bubble/type';
 export * from './Bubble/types/DocInfo';
-export * from './Bubble/MessagesContent/VoiceButton/types';
 export * from './ChatBootPage';
 export * from './ChatLayout';
 export * from './ThoughtChainList';
@@ -32,10 +32,11 @@ export * from './History/types';
 export * from './History/types/HistoryData';
 export * from './History/types/HistoryList';
 export * from './MarkdownEditor';
-export * from './MarkdownEditor/types';
 export * from './MarkdownEditor/el';
-export * from './MarkdownEditor/plugin';
 export { useSelStatus } from './MarkdownEditor/hooks/editor';
+export * from './MarkdownEditor/plugin';
+export { createJinjaPlugin, jinjaPlugin, type JinjaPluginOptions, } from './MarkdownEditor/plugins/jinja';
+export * from './MarkdownEditor/types';
 export * from './MarkdownEditor/editor/components/index';
 export * from './MarkdownEditor/editor/elements/Table/Table';
 export * from './MarkdownEditor/editor/elements/Table/TableContext';
@@ -45,45 +46,45 @@ export * from './MarkdownEditor/editor/parser/parserSlateNodeToMarkdown';
 export * from './MarkdownEditor/editor/store';
 export * from './MarkdownEditor/editor/utils';
 export * from './MarkdownEditor/editor/utils/docx/index';
-export * from './MarkdownEditor/editor/utils/markdownToHtml';
 export * from './MarkdownEditor/editor/utils/htmlToMarkdown';
+export * from './MarkdownEditor/editor/utils/markdownToHtml';
 export * from './MarkdownEditor/utils/native-table/native-table-editor';
-export * from './MarkdownInputField/MarkdownInputField';
 export * from './MarkdownInputField/AttachmentButton';
-export * from './MarkdownInputField/AttachmentButton/types';
 export * from './MarkdownInputField/AttachmentButton/AttachmentFileList';
 export * from './MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileListItem';
+export * from './MarkdownInputField/AttachmentButton/types';
 export * from './MarkdownInputField/AttachmentButton/utils';
+export { ActionItemContainer } from './MarkdownInputField/BeforeToolContainer/BeforeToolContainer';
 export * from './MarkdownInputField/FileMapView';
+export * from './MarkdownInputField/MarkdownInputField';
 export * from './MarkdownInputField/VoiceInput';
-export { ActionItemContainer } from './MarkdownInputField/BeforeToolContainer/BeforeToolContainer';
 export * from './Schema';
-export * from './Schema/types';
 export * from './Schema/SchemaRenderer/templateEngine';
+export * from './Schema/types';
 export * from './Schema/validator';
-export * from './Plugins/formatter';
 export * from './Plugins/chart';
-export * from './Plugins/mermaid';
 export * from './Plugins/code/components';
+export * from './Plugins/formatter';
+export * from './Plugins/mermaid';
 export * from './AILabel';
 export * from './AnswerAlert';
 export * from './BackTo';
-export * from './WelcomeMessage';
 export { default as Quote } from './Quote';
 export type { QuoteProps } from './Quote';
+export * from './WelcomeMessage';
 export * from './Components/ActionIconBox';
 export { ActionItemBox } from './Components/ActionItemBox';
 export * from './Components/Button';
+export * from './Components/GradientText';
 export * from './Components/LayoutHeader';
 export * from './Components/Loading';
 export * from './Components/lotties';
-export * from './Components/SuggestionList';
-export * from './Components/VisualList';
 export * from './Components/Robot';
 export { default as Robot } from './Components/Robot';
-export * from './Components/GradientText';
+export * from './Components/SuggestionList';
 export * from './Components/TextAnimate';
 export * from './Components/TypingAnimation';
+export * from './Components/VisualList';
 export * from './Hooks/useAutoScroll';
 export { useLanguage } from './Hooks/useLanguage';
 export * from './Hooks/useRefFunction';

package/dist/index.js

@@ -11,15 +11,15 @@
 export * from "./Types";
 // ─── 布局组件 ────────────────────────────────────────────────────────────────
 export * from "./AgenticLayout";
-export { default as Workspace } from "./Workspace";
 export * from "./Workspace";
+export { default as Workspace } from "./Workspace";
 export * from "./Workspace/types";
 // ─── 聊天气泡 ────────────────────────────────────────────────────────────────
 export * from "./Bubble";
 export * from "./Bubble/List";
+export * from "./Bubble/MessagesContent/VoiceButton/types";
 export * from "./Bubble/type";
 export * from "./Bubble/types/DocInfo";
-export * from "./Bubble/MessagesContent/VoiceButton/types";
 // ─── 聊天启动页 ──────────────────────────────────────────────────────────────
 export * from "./ChatBootPage";
 export * from "./ChatLayout";
@@ -38,10 +38,11 @@ export * from "./History/types/HistoryData";
 export * from "./History/types/HistoryList";
 // ─── Markdown 编辑器 ─────────────────────────────────────────────────────────
 export * from "./MarkdownEditor";
-export * from "./MarkdownEditor/types";
 export * from "./MarkdownEditor/el";
-export * from "./MarkdownEditor/plugin";
 export { useSelStatus } from "./MarkdownEditor/hooks/editor";
+export * from "./MarkdownEditor/plugin";
+export { createJinjaPlugin, jinjaPlugin } from "./MarkdownEditor/plugins/jinja";
+export * from "./MarkdownEditor/types";
 // MarkdownEditor 内部工具（保持向后兼容，后续版本考虑收敛）
 export * from "./MarkdownEditor/editor/components/index";
 export * from "./MarkdownEditor/editor/elements/Table/Table";
@@ -52,49 +53,49 @@ export * from "./MarkdownEditor/editor/parser/parserSlateNodeToMarkdown";
 export * from "./MarkdownEditor/editor/store";
 export * from "./MarkdownEditor/editor/utils";
 export * from "./MarkdownEditor/editor/utils/docx/index";
-export * from "./MarkdownEditor/editor/utils/markdownToHtml";
 export * from "./MarkdownEditor/editor/utils/htmlToMarkdown";
+export * from "./MarkdownEditor/editor/utils/markdownToHtml";
 export * from "./MarkdownEditor/utils/native-table/native-table-editor";
 // ─── Markdown 输入框 ─────────────────────────────────────────────────────────
-export * from "./MarkdownInputField/MarkdownInputField";
 export * from "./MarkdownInputField/AttachmentButton";
-export * from "./MarkdownInputField/AttachmentButton/types";
 export * from "./MarkdownInputField/AttachmentButton/AttachmentFileList";
 export * from "./MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileListItem";
+export * from "./MarkdownInputField/AttachmentButton/types";
 export * from "./MarkdownInputField/AttachmentButton/utils";
+export { ActionItemContainer } from "./MarkdownInputField/BeforeToolContainer/BeforeToolContainer";
 export * from "./MarkdownInputField/FileMapView";
+export * from "./MarkdownInputField/MarkdownInputField";
 export * from "./MarkdownInputField/VoiceInput";
-export { ActionItemContainer } from "./MarkdownInputField/BeforeToolContainer/BeforeToolContainer";
 // ─── Schema ──────────────────────────────────────────────────────────────────
 export * from "./Schema";
-export * from "./Schema/types";
 export * from "./Schema/SchemaRenderer/templateEngine";
+export * from "./Schema/types";
 export * from "./Schema/validator";
 // ─── 插件 ────────────────────────────────────────────────────────────────────
-export * from "./Plugins/formatter";
 export * from "./Plugins/chart";
-export * from "./Plugins/mermaid";
 export * from "./Plugins/code/components";
+export * from "./Plugins/formatter";
+export * from "./Plugins/mermaid";
 // ─── 基础 UI 组件 ────────────────────────────────────────────────────────────
 export * from "./AILabel";
 export * from "./AnswerAlert";
 export * from "./BackTo";
-export * from "./WelcomeMessage";
 export { default as Quote } from "./Quote";
+export * from "./WelcomeMessage";
 // ─── 通用子组件 ──────────────────────────────────────────────────────────────
 export * from "./Components/ActionIconBox";
 export { ActionItemBox } from "./Components/ActionItemBox";
 export * from "./Components/Button";
+export * from "./Components/GradientText";
 export * from "./Components/LayoutHeader";
 export * from "./Components/Loading";
 export * from "./Components/lotties";
-export * from "./Components/SuggestionList";
-export * from "./Components/VisualList";
 export * from "./Components/Robot";
 export { default as Robot } from "./Components/Robot";
-export * from "./Components/GradientText";
+export * from "./Components/SuggestionList";
 export * from "./Components/TextAnimate";
 export * from "./Components/TypingAnimation";
+export * from "./Components/VisualList";
 // ─── Hooks ───────────────────────────────────────────────────────────────────
 export * from "./Hooks/useAutoScroll";
 export { useLanguage } from "./Hooks/useLanguage";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.29.28",
+  "version": "2.29.29",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -24,6 +24,7 @@
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "prepare": "husky install && dumi setup",
+    "prepublishOnly": "father doctor && pnpm run test && pnpm run build",
     "prettier": "prettier --write \"{src,docs,test}/**/*.{js,jsx,ts,tsx,css,less,json,md}\"",
     "preview": "pnpm dumi preview",
     "report:demo": "node scripts/generateDemoReport.js",