@ant-design/agentic-ui 2.29.41 → 2.29.45

package/dist/AgentRunBar/index.js

@@ -112,54 +112,62 @@ export * from "./Robot";
             }, locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar9 = locale.agentRunBar) === null || _locale_agentRunBar9 === void 0 ? void 0 : _locale_agentRunBar9.newTask);
         }
     } else if (taskStatus === "stopped" || taskStatus === "cancelled") {
-        if (onCreateNewTask) {
-            var _locale_agentRunBar10;
-            actionNode1 = /*#__PURE__*/ React.createElement(Button, {
-                type: "primary",
-                onClick: onCreateNewTask,
-                icon: /*#__PURE__*/ React.createElement(PlusOutlined, null),
-                color: "default",
-                variant: "solid"
-            }, locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar10 = locale.agentRunBar) === null || _locale_agentRunBar10 === void 0 ? void 0 : _locale_agentRunBar10.createNewTask);
-        }
+        var _locale_agentRunBar10, _locale_agentRunBar11;
+        actionNode1 = /*#__PURE__*/ React.createElement(React.Fragment, null, onViewResult && /*#__PURE__*/ React.createElement(Button, {
+            onClick: onViewResult,
+            color: "default",
+            variant: "solid",
+            autoInsertSpace: false
+        }, locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar10 = locale.agentRunBar) === null || _locale_agentRunBar10 === void 0 ? void 0 : _locale_agentRunBar10.submitTask), onCreateNewTask && /*#__PURE__*/ React.createElement(Button, {
+            type: "primary",
+            onClick: onCreateNewTask,
+            icon: /*#__PURE__*/ React.createElement(PlusOutlined, null),
+            color: "default",
+            variant: "solid"
+        }, locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar11 = locale.agentRunBar) === null || _locale_agentRunBar11 === void 0 ? void 0 : _locale_agentRunBar11.createNewTask));
     } else if (taskStatus === "success" && taskRunningStatus === "complete") {
-        var _locale_agentRunBar11, _locale_agentRunBar12, _locale_agentRunBar13;
+        var _locale_agentRunBar12, _locale_agentRunBar13, _locale_agentRunBar14;
         actionNode1 = /*#__PURE__*/ React.createElement(React.Fragment, null, onReplay && /*#__PURE__*/ React.createElement(Button, {
             onClick: onReplay,
             variant: "solid",
             autoInsertSpace: false
-        }, locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar11 = locale.agentRunBar) === null || _locale_agentRunBar11 === void 0 ? void 0 : _locale_agentRunBar11.replayTask), onViewResult && /*#__PURE__*/ React.createElement(Button, {
+        }, locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar12 = locale.agentRunBar) === null || _locale_agentRunBar12 === void 0 ? void 0 : _locale_agentRunBar12.replayTask), onViewResult && /*#__PURE__*/ React.createElement(Button, {
             onClick: onViewResult,
             color: "default",
             variant: "solid",
             autoInsertSpace: false
-        }, locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar12 = locale.agentRunBar) === null || _locale_agentRunBar12 === void 0 ? void 0 : _locale_agentRunBar12.submitTask), onCreateNewTask && /*#__PURE__*/ React.createElement(Button, {
+        }, locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar13 = locale.agentRunBar) === null || _locale_agentRunBar13 === void 0 ? void 0 : _locale_agentRunBar13.submitTask), onCreateNewTask && /*#__PURE__*/ React.createElement(Button, {
             onClick: onCreateNewTask,
             icon: /*#__PURE__*/ React.createElement(PlusOutlined, null),
             color: "default",
             variant: "solid"
-        }, locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar13 = locale.agentRunBar) === null || _locale_agentRunBar13 === void 0 ? void 0 : _locale_agentRunBar13.newTask));
+        }, locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar14 = locale.agentRunBar) === null || _locale_agentRunBar14 === void 0 ? void 0 : _locale_agentRunBar14.newTask));
     } else if (taskStatus === "error") {
-        var _locale_agentRunBar14, _locale_agentRunBar15;
+        var _locale_agentRunBar15, _locale_agentRunBar16, _locale_agentRunBar17;
         actionNode1 = /*#__PURE__*/ React.createElement(React.Fragment, null, onReplay && /*#__PURE__*/ React.createElement(Button, {
             onClick: onReplay,
             variant: "solid",
             autoInsertSpace: false
-        }, locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar14 = locale.agentRunBar) === null || _locale_agentRunBar14 === void 0 ? void 0 : _locale_agentRunBar14.replayTask), onCreateNewTask && /*#__PURE__*/ React.createElement(Button, {
+        }, locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar15 = locale.agentRunBar) === null || _locale_agentRunBar15 === void 0 ? void 0 : _locale_agentRunBar15.replayTask), onViewResult && /*#__PURE__*/ React.createElement(Button, {
+            onClick: onViewResult,
+            color: "default",
+            variant: "solid",
+            autoInsertSpace: false
+        }, locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar16 = locale.agentRunBar) === null || _locale_agentRunBar16 === void 0 ? void 0 : _locale_agentRunBar16.submitTask), onCreateNewTask && /*#__PURE__*/ React.createElement(Button, {
             onClick: onCreateNewTask,
             icon: /*#__PURE__*/ React.createElement(PlusOutlined, null),
             color: "default",
             variant: "solid"
-        }, locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar15 = locale.agentRunBar) === null || _locale_agentRunBar15 === void 0 ? void 0 : _locale_agentRunBar15.newTask));
+        }, locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar17 = locale.agentRunBar) === null || _locale_agentRunBar17 === void 0 ? void 0 : _locale_agentRunBar17.newTask));
     } else if (!isRunning && !isPause) {
         if (onCreateNewTask) {
-            var _locale_agentRunBar16;
+            var _locale_agentRunBar18;
             actionNode1 = /*#__PURE__*/ React.createElement(Button, {
                 onClick: onCreateNewTask,
                 icon: /*#__PURE__*/ React.createElement(PlusOutlined, null),
                 color: "default",
                 variant: "solid"
-            }, locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar16 = locale.agentRunBar) === null || _locale_agentRunBar16 === void 0 ? void 0 : _locale_agentRunBar16.createNewTask);
+            }, locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar18 = locale.agentRunBar) === null || _locale_agentRunBar18 === void 0 ? void 0 : _locale_agentRunBar18.createNewTask);
         }
     }
     var stopTitle = locale === null || locale === void 0 ? void 0 : (_locale_agentRunBar = locale.agentRunBar) === null || _locale_agentRunBar === void 0 ? void 0 : _locale_agentRunBar.stop;

package/dist/Constants/mobile.d.ts

@@ -1,3 +1,5 @@
+/** 表格列宽计算的列数阈值，少于该列数不设置 col 元素，使用浏览器默认布局 */
+export declare const TABLE_COL_WIDTH_MIN_COLUMNS = 3;
 export declare const MOBILE_PADDING = "clamp(4px, 2vw, 12px)";
 export declare const MOBILE_BREAKPOINT = "768px";
 export declare const MOBILE_TABLE_MIN_COLUMN_WIDTH = 96;

package/dist/Constants/mobile.js

@@ -2,6 +2,7 @@ var MOBILE_PADDING_MIN = '4px';
 var MOBILE_PADDING_MAX = '12px';
 var MOBILE_PADDING_SCALE = '2vw';
 var MOBILE_TABLE_MIN_CELL_WIDTH = 96;
+/** 表格列宽计算的列数阈值，少于该列数不设置 col 元素，使用浏览器默认布局 */ export var TABLE_COL_WIDTH_MIN_COLUMNS = 3;
 export var MOBILE_PADDING = "clamp(".concat(MOBILE_PADDING_MIN, ", ").concat(MOBILE_PADDING_SCALE, ", ").concat(MOBILE_PADDING_MAX, ")");
 export var MOBILE_BREAKPOINT = '768px';
 export var MOBILE_TABLE_MIN_COLUMN_WIDTH = MOBILE_TABLE_MIN_CELL_WIDTH;

package/dist/Hooks/useLanguage.d.ts

@@ -416,6 +416,7 @@ export declare function useLanguage(): {
         'refine.optimizePrompt': string;
         'jinja.panel.title': string;
         'jinja.panel.docLink': string;
+        'jinja.panel.close': string;
         'jinja.panel.noTemplates': string;
         'jinja.template.variableInterpolation.title': string;
         'jinja.template.variableInterpolation.description': string;

package/dist/I18n/locales.d.ts

@@ -378,6 +378,7 @@ export declare const cnLabels: {
     'refine.optimizePrompt': string;
     'jinja.panel.title': string;
     'jinja.panel.docLink': string;
+    'jinja.panel.close': string;
     'jinja.panel.noTemplates': string;
     'jinja.template.variableInterpolation.title': string;
     'jinja.template.variableInterpolation.description': string;

package/dist/I18n/locales.js

@@ -406,6 +406,7 @@
     // Jinja 模板面板相关
     'jinja.panel.title': 'Jinja 模板',
     'jinja.panel.docLink': '使用说明',
+    'jinja.panel.close': '关闭',
     'jinja.panel.noTemplates': '暂无模板',
     'jinja.template.variableInterpolation.title': '变量插值',
     'jinja.template.variableInterpolation.description': '{{ variable }}',
@@ -826,6 +827,7 @@
     // Jinja template panel related
     'jinja.panel.title': 'Jinja Templates',
     'jinja.panel.docLink': 'Documentation',
+    'jinja.panel.close': 'Close',
     'jinja.panel.noTemplates': 'No templates',
     'jinja.template.variableInterpolation.title': 'Variable interpolation',
     'jinja.template.variableInterpolation.description': '{{ variable }}',

package/dist/MarkdownEditor/editor/elements/Table/ReadonlyTableComponent.js

@@ -64,6 +64,7 @@ import classNames from "clsx";
 import copy from "copy-to-clipboard";
 import React, { useCallback, useContext, useMemo, useRef, useState } from "react";
 import { ActionIconBox } from "../../../../Components/ActionIconBox";
+import { TABLE_COL_WIDTH_MIN_COLUMNS } from "../../../../Constants/mobile";
 import { I18nContext } from "../../../../I18n";
 import { useEditorStore } from "../../store";
 import { parserSlateNodeToMarkdown } from "../../utils";
@@ -84,15 +85,15 @@ import { parserSlateNodeToMarkdown } from "../../utils";
     var modelTargetRef = useRef(null);
     var _useState = _sliced_to_array(useState(false), 2), previewOpen = _useState[0], setPreviewOpen = _useState[1];
     var i18n = useContext(I18nContext);
-    // 简化的列宽计算 - 只为 readonly 模式设计
+    // 简化的列宽计算 - 只为 readonly 模式设计，少于 3 列不设置 col
     var colWidths = useMemo(function() {
         var _element_children__children, _element_children_, _element_children;
+        var columnCount = (element === null || element === void 0 ? void 0 : (_element_children = element.children) === null || _element_children === void 0 ? void 0 : (_element_children_ = _element_children[0]) === null || _element_children_ === void 0 ? void 0 : (_element_children__children = _element_children_.children) === null || _element_children__children === void 0 ? void 0 : _element_children__children.length) || 0;
+        if (columnCount === 0 || columnCount < TABLE_COL_WIDTH_MIN_COLUMNS) return [];
         var otherProps = element === null || element === void 0 ? void 0 : element.otherProps;
         if (otherProps === null || otherProps === void 0 ? void 0 : otherProps.colWidths) {
             return otherProps.colWidths;
         }
-        var columnCount = (element === null || element === void 0 ? void 0 : (_element_children = element.children) === null || _element_children === void 0 ? void 0 : (_element_children_ = _element_children[0]) === null || _element_children_ === void 0 ? void 0 : (_element_children__children = _element_children_.children) === null || _element_children__children === void 0 ? void 0 : _element_children__children.length) || 0;
-        if (columnCount === 0) return [];
         // 使用固定宽度避免复杂计算
         var defaultWidth = 80;
         return Array(columnCount).fill(defaultWidth);
@@ -147,7 +148,7 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         return /*#__PURE__*/ React.createElement("table", {
             ref: tableTargetRef,
             className: classNames("".concat(baseCls, "-editor-table"), 'readonly', "".concat(baseCls, "-readonly-table"), _define_property({}, "".concat(baseCls, "-readonly-pure"), editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_tableConfig = editorProps.tableConfig) === null || _editorProps_tableConfig === void 0 ? void 0 : _editorProps_tableConfig.pure))
-        }, /*#__PURE__*/ React.createElement("colgroup", null, colWidths.map(function(colWidth, index) {
+        }, colWidths.length > 0 && /*#__PURE__*/ React.createElement("colgroup", null, colWidths.map(function(colWidth, index) {
             var isLastCol = index === colWidths.length - 1;
             return /*#__PURE__*/ React.createElement("col", {
                 key: index,
@@ -194,6 +195,12 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         afterClose: handleModalClose,
         width: "80vw",
         onCancel: handleModalClose
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: getPrefixCls('agentic-md-editor'),
+        style: {
+            flex: 1,
+            minWidth: 0
+        }
     }, /*#__PURE__*/ React.createElement("div", {
         className: classNames(baseCls, getPrefixCls('agentic-md-editor-content')),
         style: {
@@ -204,15 +211,12 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         },
         ref: modelTargetRef,
         onMouseDown: function onMouseDown(e) {
-            // 阻止默认的文字选择行为
             e.preventDefault();
         },
         onDragStart: function onDragStart(e) {
-            // 阻止拖拽开始时的文字选择
             e.preventDefault();
         },
         onDoubleClick: function onDoubleClick(e) {
-            // 阻止双击选择文字
             e.preventDefault();
         }
     }, /*#__PURE__*/ React.createElement(ConfigProvider, {
@@ -222,6 +226,6 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         getTargetContainer: function getTargetContainer() {
             return modelTargetRef.current || document.body;
         }
-    }, tableDom))));
+    }, tableDom)))));
 });
 ReadonlyTableComponent.displayName = 'ReadonlyTableComponent';

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

@@ -149,7 +149,7 @@ import classNames from "clsx";
 import React, { useContext, useEffect, useMemo, useRef } from "react";
 import { Node } from "slate";
 import stringWidth from "string-width";
-import { MOBILE_BREAKPOINT, MOBILE_TABLE_MIN_COLUMN_WIDTH } from "../../../../Constants/mobile";
+import { MOBILE_BREAKPOINT, MOBILE_TABLE_MIN_COLUMN_WIDTH, TABLE_COL_WIDTH_MIN_COLUMNS } from "../../../../Constants/mobile";
 import { useEditorStore } from "../../store";
 import { ReadonlyTableComponent } from "./ReadonlyTableComponent";
 import { TablePropsContext } from "./TableContext";
@@ -197,18 +197,20 @@ import useScrollShadow from "./useScrollShadow";
     // 只在编辑模式下进行复杂的列宽计算
     var colWidths = useMemo(function() {
         var _props_element_otherProps, _props_element, _props_element_children, _props_element1, _tableRows__children, _tableRows_, _markdownContainerRef_current_querySelector, _markdownContainerRef_current;
-        // readonly 模式下使用简化计算
+        // readonly 模式下使用简化计算，少于 3 列不设置 col
         if (readonly) {
-            var _props_element2, _props_element_children__children, _props_element_children_, _props_element_children1, _props_element3;
-            var otherProps = (_props_element2 = props.element) === null || _props_element2 === void 0 ? void 0 : _props_element2.otherProps;
+            var _props_element_children__children, _props_element_children_, _props_element_children1, _props_element2, _props_element3;
+            var colCount = ((_props_element2 = props.element) === null || _props_element2 === void 0 ? void 0 : (_props_element_children1 = _props_element2.children) === null || _props_element_children1 === void 0 ? void 0 : (_props_element_children_ = _props_element_children1[0]) === null || _props_element_children_ === void 0 ? void 0 : (_props_element_children__children = _props_element_children_.children) === null || _props_element_children__children === void 0 ? void 0 : _props_element_children__children.length) || 0;
+            if (colCount === 0 || colCount < TABLE_COL_WIDTH_MIN_COLUMNS) return [];
+            var otherProps = (_props_element3 = props.element) === null || _props_element3 === void 0 ? void 0 : _props_element3.otherProps;
             if (otherProps === null || otherProps === void 0 ? void 0 : otherProps.colWidths) {
                 return otherProps.colWidths;
             }
-            var columnCount1 = ((_props_element3 = props.element) === null || _props_element3 === void 0 ? void 0 : (_props_element_children1 = _props_element3.children) === null || _props_element_children1 === void 0 ? void 0 : (_props_element_children_ = _props_element_children1[0]) === null || _props_element_children_ === void 0 ? void 0 : (_props_element_children__children = _props_element_children_.children) === null || _props_element_children__children === void 0 ? void 0 : _props_element_children__children.length) || 0;
-            if (columnCount1 === 0) return [];
-            return Array(columnCount1).fill(80); // 固定宽度
+            return Array(colCount).fill(80); // 固定宽度
         }
-        // 如果在props中存在，直接使用以避免计算
+        // 少于 3 列不设置 col，使用浏览器默认布局
+        if (columnCount < TABLE_COL_WIDTH_MIN_COLUMNS) return [];
+        // 如果在 props 中存在，直接使用以避免计算
         if ((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.colWidths) {
             var _props_element_otherProps1, _props_element4;
             return (_props_element4 = props.element) === null || _props_element4 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element4.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.colWidths;
@@ -221,7 +223,8 @@ import useScrollShadow from "./useScrollShadow";
         var isMobileLayout = containerWidth <= mobileBreakpointValue;
         var minColumnWidth = isMobileLayout ? MOBILE_TABLE_MIN_COLUMN_WIDTH : 60;
         var maxColumnWidth = isMobileLayout ? containerWidth : containerWidth / 4;
-        var rowsToSample = Math.min(5, tableRows.length);
+        // 至少采样 3 行用于列宽计算（若有 3 行以上），不足 3 行时自动使用全部可用行
+        var rowsToSample = tableRows.length >= 3 ? Math.min(5, tableRows.length) : tableRows.length;
         // 一次性计算宽度
         var calculatedWidths = Array.from({
             length: columnCount
@@ -333,10 +336,12 @@ import useScrollShadow from "./useScrollShadow";
             });
         }) || null), /*#__PURE__*/ React.createElement("tbody", null, readonly ? null : /*#__PURE__*/ React.createElement(TableRowIndex, {
             colWidths: colWidths,
+            columnCount: columnCount,
             tablePath: tablePath
         }), children));
     }, [
         colWidths,
+        columnCount,
         children,
         baseCls
     ]);

package/dist/MarkdownEditor/editor/elements/Table/TableRowIndex/index.d.ts

@@ -3,8 +3,10 @@ import React from 'react';
  * TableRowIndex 组件的属性接口
  */
 export interface TableRowIndexProps {
-    /** 列宽度数组 */
+    /** 列宽度数组，为空时使用 columnCount 渲染占位单元格 */
     colWidths?: number[];
+    /** 数据列数，colWidths 为空时用于渲染占位单元格数量 */
+    columnCount?: number;
     /** 自定义样式 */
     style?: React.CSSProperties;
     /** 自定义类名 */

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

@@ -34,7 +34,8 @@ import { TableCellIndexSpacer } from "../TableCellIndexSpacer";
  * - 根据列宽度数组生成对应的间隔单元格
  * - 包含行索引单元格和列间隔单元格
  */ export var TableRowIndex = function TableRowIndex(param) {
-    var _param_colWidths = param.colWidths, colWidths = _param_colWidths === void 0 ? [] : _param_colWidths, style = param.style, className = param.className, tablePath = param.tablePath;
+    var _param_colWidths = param.colWidths, colWidths = _param_colWidths === void 0 ? [] : _param_colWidths, _param_columnCount = param.columnCount, columnCount = _param_columnCount === void 0 ? 0 : _param_columnCount, style = param.style, className = param.className, tablePath = param.tablePath;
+    var spacerCount = colWidths.length > 0 ? colWidths.length : columnCount;
     var context = useContext(ConfigProvider.ConfigContext);
     var baseClassName = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-table-row-index');
     return /*#__PURE__*/ React.createElement("tr", {
@@ -51,7 +52,9 @@ import { TableCellIndexSpacer } from "../TableCellIndexSpacer";
         columnIndex: -1,
         key: -1,
         tablePath: tablePath
-    }), colWidths.map(function(_, index) {
+    }), Array.from({
+        length: spacerCount
+    }).map(function(_, index) {
         return /*#__PURE__*/ React.createElement(TableCellIndexSpacer, {
             key: index,
             columnIndex: index,

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

@@ -433,6 +433,27 @@ var MLeafComponent = function MLeafComponent(props) {
     if (leaf.jinjaComment) {
         prefixClassName = classNames(prefixClassName, "".concat(mdEditorBaseClass, "-jinja-comment"));
     }
+    if (leaf.jinjaKeyword) {
+        prefixClassName = classNames(prefixClassName, "".concat(mdEditorBaseClass, "-jinja-keyword"));
+    }
+    if (leaf.jinjaString) {
+        prefixClassName = classNames(prefixClassName, "".concat(mdEditorBaseClass, "-jinja-string"));
+    }
+    if (leaf.jinjaNumber) {
+        prefixClassName = classNames(prefixClassName, "".concat(mdEditorBaseClass, "-jinja-number"));
+    }
+    if (leaf.jinjaFilter) {
+        prefixClassName = classNames(prefixClassName, "".concat(mdEditorBaseClass, "-jinja-filter"));
+    }
+    if (leaf.jinjaVariableName) {
+        prefixClassName = classNames(prefixClassName, "".concat(mdEditorBaseClass, "-jinja-variable-name"));
+    }
+    if (leaf.jinjaPlaceholder) {
+        prefixClassName = classNames(prefixClassName, "".concat(mdEditorBaseClass, "-jinja-placeholder"));
+    }
+    if (leaf.jinjaDelimiter) {
+        prefixClassName = classNames(prefixClassName, "".concat(mdEditorBaseClass, "-jinja-delimiter"));
+    }
     if (leaf.current) {
         style.background = '#f59e0b';
     }

package/dist/MarkdownEditor/editor/plugins/hotKeyCommands/enter.js

@@ -491,6 +491,21 @@ export var EnterKey = /*#__PURE__*/ function() {
                     }
                 }
                 if (parent[0].type === 'list-item') {
+                    // 列表为空（仅有一项且该项无内容）时，回车将列表转换为段落
+                    var listItemPath = parent[1];
+                    var _Editor_parent = _sliced_to_array(Editor.parent(this.editor, listItemPath), 2), listNode = _Editor_parent[0], listPath = _Editor_parent[1];
+                    var isListWithSingleEmptyItem = listNode.children.length === 1 && Node.string(node[0]) === '' && !Path.hasPrevious(listItemPath);
+                    if (isListWithSingleEmptyItem) {
+                        e.preventDefault();
+                        Transforms.removeNodes(this.editor, {
+                            at: listPath
+                        });
+                        Transforms.insertNodes(this.editor, EditorUtils.p, {
+                            at: listPath,
+                            select: true
+                        });
+                        return true;
+                    }
                     if (isMod(e) || Path.hasPrevious(node[1])) {
                         var text = Point.equals(end, sel.focus) ? [
                             {

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

@@ -215,23 +215,182 @@ var processLinkMatches = function processLinkMatches(text, path, childIndex) {
     }
     return ranges;
 };
+/** Jinja 关键字集合 */ var JINJA_KEYWORDS = new Set([
+    'set',
+    'if',
+    'elif',
+    'else',
+    'endif',
+    'for',
+    'endfor',
+    'in',
+    'and',
+    'or',
+    'not',
+    'with',
+    'without',
+    'true',
+    'false',
+    'is',
+    'none'
+]);
+/** 解析 {% %} 标签内部内容，返回子 token 的 [start, end, prop][] */ var tokenizeJinjaTagContent = function tokenizeJinjaTagContent(content, baseOffset) {
+    var tokens = [];
+    var pos = 0;
+    var addToken = function addToken(len, prop) {
+        if (len > 0) {
+            tokens.push({
+                start: baseOffset + pos,
+                end: baseOffset + pos + len,
+                prop: prop
+            });
+            pos += len;
+        }
+    };
+    while(pos < content.length){
+        var rest = content.slice(pos);
+        // 占位符 $(xxx:yyy)
+        var placeholderMatch = rest.match(/^\$\([^)]+\)/);
+        if (placeholderMatch) {
+            addToken(placeholderMatch[0].length, 'jinjaPlaceholder');
+            continue;
+        }
+        // 字符串 '...' 或 "..."
+        var singleStrMatch = rest.match(/^'([^'\\]|\\.)*'/);
+        var doubleStrMatch = rest.match(/^"([^"\\]|\\.)*"/);
+        var strMatch = singleStrMatch || doubleStrMatch;
+        if (strMatch) {
+            addToken(strMatch[0].length, 'jinjaString');
+            continue;
+        }
+        // 数字（含小数）
+        var numMatch = rest.match(/^\d+(\.\d+)?/);
+        if (numMatch) {
+            addToken(numMatch[0].length, 'jinjaNumber');
+            continue;
+        }
+        // 过滤器 | name
+        var filterMatch = rest.match(/^\|\s*[a-zA-Z_][a-zA-Z0-9_]*/);
+        if (filterMatch) {
+            addToken(filterMatch[0].length, 'jinjaFilter');
+            continue;
+        }
+        // 关键字（需与标识符区分）
+        var wordMatch = rest.match(/^[a-zA-Z_][a-zA-Z0-9_]*/);
+        if (wordMatch) {
+            var word = wordMatch[0];
+            addToken(word.length, JINJA_KEYWORDS.has(word) ? 'jinjaKeyword' : 'jinjaVariableName');
+            continue;
+        }
+        // 比较运算符（多字符优先）
+        if (rest.startsWith('==') || rest.startsWith('!=') || rest.startsWith('>=') || rest.startsWith('<=')) {
+            addToken(2, 'jinjaDelimiter');
+            continue;
+        }
+        if ('=<>'.includes(rest[0])) {
+            addToken(1, 'jinjaDelimiter');
+            continue;
+        }
+        // 其他符号或空格：作为 jinjaDelimiter（括括号等）或跳过
+        pos += 1;
+    }
+    return tokens;
+};
+/** 解析 {{ }} 变量块内部，返回子 token（变量名、过滤器、占位符） */ var tokenizeJinjaVariableContent = function tokenizeJinjaVariableContent(content, baseOffset) {
+    var tokens = [];
+    var i = 0;
+    while(i < content.length){
+        var rest = content.slice(i);
+        var ph = rest.match(/^\$\([^)]+\)/);
+        if (ph) {
+            tokens.push({
+                start: baseOffset + i,
+                end: baseOffset + i + ph[0].length,
+                prop: 'jinjaPlaceholder'
+            });
+            i += ph[0].length;
+            continue;
+        }
+        var flt = rest.match(/^\|\s*[a-zA-Z_][a-zA-Z0-9_]*/);
+        if (flt) {
+            tokens.push({
+                start: baseOffset + i,
+                end: baseOffset + i + flt[0].length,
+                prop: 'jinjaFilter'
+            });
+            i += flt[0].length;
+            continue;
+        }
+        var word = rest.match(/^[a-zA-Z_$][a-zA-Z0-9_]*/);
+        if (word) {
+            tokens.push({
+                start: baseOffset + i,
+                end: baseOffset + i + word[0].length,
+                prop: 'jinjaVariableName'
+            });
+            i += word[0].length;
+            continue;
+        }
+        i += 1;
+    }
+    return tokens;
+};
 /** 在整段文本上匹配 Jinja，支持被 inline code 分割的语法（如 {% if `x` %}） */ var processJinjaMatchesOnFullText = function processJinjaMatchesOnFullText(fullText, path, children) {
     var ranges = [];
-    var collect = function collect(reg, prop) {
-        reg.lastIndex = 0;
-        var match;
-        while((match = reg.exec(fullText)) !== null){
-            var start = match.index;
-            var matched = match[0];
-            if (typeof start !== 'number' || !matched) continue;
-            var end = start + matched.length;
-            var range = createRangeSpanningChildren(path, children, start, end, _define_property({}, prop, true));
-            if (range) ranges.push(range);
-        }
+    var addRange = function addRange(start, end, prop) {
+        var range = createRangeSpanningChildren(path, children, start, end, _define_property({}, prop, true));
+        if (range) ranges.push(range);
     };
-    collect(JINJA_VARIABLE_REG, 'jinjaVariable');
-    collect(JINJA_TAG_REG, 'jinjaTag');
-    collect(JINJA_COMMENT_REG, 'jinjaComment');
+    // 注释：整块灰色
+    JINJA_COMMENT_REG.lastIndex = 0;
+    var match;
+    while((match = JINJA_COMMENT_REG.exec(fullText)) !== null){
+        var start = match.index;
+        var matched = match[0];
+        if (typeof start === 'number' && matched) {
+            addRange(start, start + matched.length, 'jinjaComment');
+        }
+    }
+    // 变量 {{ }}：细粒度高亮
+    JINJA_VARIABLE_REG.lastIndex = 0;
+    while((match = JINJA_VARIABLE_REG.exec(fullText)) !== null){
+        var start1 = match.index;
+        var matched1 = match[0];
+        if (typeof start1 !== 'number' || !matched1) continue;
+        var openLen = 2; // {{
+        var closeLen = 2; // }}
+        var innerStart = start1 + openLen;
+        var innerEnd = start1 + matched1.length - closeLen;
+        var innerContent = matched1.slice(openLen, matched1.length - closeLen);
+        addRange(start1, innerStart, 'jinjaDelimiter');
+        var varTokens = tokenizeJinjaVariableContent(innerContent, innerStart);
+        if (varTokens.length > 0) {
+            varTokens.forEach(function(t) {
+                return addRange(t.start, t.end, t.prop);
+            });
+        } else if (innerContent.trim()) {
+            addRange(innerStart, innerEnd, 'jinjaVariableName');
+        }
+        addRange(innerEnd, start1 + matched1.length, 'jinjaDelimiter');
+    }
+    // 标签 {% %}：细粒度高亮
+    JINJA_TAG_REG.lastIndex = 0;
+    while((match = JINJA_TAG_REG.exec(fullText)) !== null){
+        var start2 = match.index;
+        var matched2 = match[0];
+        if (typeof start2 !== 'number' || !matched2) continue;
+        var openLen1 = 2; // {%
+        var closeLen1 = 2; // %}
+        var innerStart1 = start2 + openLen1;
+        var innerEnd1 = start2 + matched2.length - closeLen1;
+        var innerContent1 = matched2.slice(openLen1, matched2.length - closeLen1);
+        addRange(start2, innerStart1, 'jinjaDelimiter');
+        var tagTokens = tokenizeJinjaTagContent(innerContent1, innerStart1);
+        tagTokens.forEach(function(t) {
+            return addRange(t.start, t.end, t.prop);
+        });
+        addRange(innerEnd1, start2 + matched2.length, 'jinjaDelimiter');
+    }
     return ranges;
 };
 export function useHighlight(store, jinjaEnabled) {