@8btc/mditor 0.0.2 → 0.0.4

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.0.1 - A markdown editor written in TypeScript.
+ * Vditor v0.0.3 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -2791,7 +2791,7 @@ var Vditor = /** @class */ (function () {
 /* harmony export */   "H": () => (/* binding */ _VDITOR_VERSION),
 /* harmony export */   "g": () => (/* binding */ Constants)
 /* harmony export */ });
-var _VDITOR_VERSION = "0.0.1";
+var _VDITOR_VERSION = "0.0.3";
 
 var Constants = /** @class */ (function () {
     function Constants() {
@@ -3093,7 +3093,7 @@ var Constants = /** @class */ (function () {
         "c#",
         "bat",
     ];
-    Constants.CDN = "https://webcdn.wujieai.com/vditor@".concat("0.0.1");
+    Constants.CDN = "https://webcdn.wujieai.com/vditor@".concat("0.0.3");
     Constants.MARKDOWN_OPTIONS = {
         autoSpace: false,
         gfmAutoLink: true,
@@ -8676,9 +8676,486 @@ var highlightToolbarIR = function (vditor) {
     }, 200);
 };
 
+;// CONCATENATED MODULE: ./src/ts/util/attachLineNumbers.ts
+/**
+ * 预处理 Markdown：构建块、无序列表、有序列表的行号索引。
+ */
+var prepareLineNumberIndex = function (sourceMarkdown) {
+    var ZWSP = "\u200b";
+    var normalize = function (text) {
+        return text
+            .replace(/\r\n|\r/g, "\n")
+            .replace(new RegExp(ZWSP, "g"), "")
+            .replace(/\u00a0/g, " ")
+            .replace(/\u2006/g, "")
+            .replace(/[\t\f\v ]+/g, " ");
+    };
+    var stripInlineMD = function (text) {
+        return text
+            .replace(/\\([*_`~])/g, "$1")
+            .replace(/\*\*|__/g, "")
+            .replace(/\*|_/g, "")
+            .replace(/~~/g, "")
+            .replace(/`+/g, "")
+            .replace(/\\\(/g, "(")
+            .replace(/\\\)/g, ")")
+            .replace(/\\\[/g, "[")
+            .replace(/\\\]/g, "]")
+            .replace(/\$/g, "")
+            .trim();
+    };
+    var stripInlineForList = function (text) {
+        return stripInlineMD(text)
+            .replace(/\$(?:\\.|[^$])*\$/g, "")
+            .replace(/\\\([^)]*\\\)/g, "")
+            .replace(/\\\[[^\]]*\\\]/g, "")
+            .replace(/\\[a-zA-Z]+/g, "")
+            .replace(/[{}]/g, "")
+            .trim();
+    };
+    var srcLines = normalize(sourceMarkdown).split("\n");
+    var strippedLines = srcLines.map(function (l) { return stripInlineMD(l); });
+    var lineLookup = new Map();
+    for (var i = 0; i < strippedLines.length; i++) {
+        var key = strippedLines[i];
+        if (!lineLookup.has(key)) {
+            lineLookup.set(key, [i + 1]);
+        }
+        else {
+            lineLookup.get(key).push(i + 1);
+        }
+    }
+    var unorderedEntries = [];
+    var unorderedLookup = new Map();
+    for (var i = 0; i < srcLines.length; i++) {
+        var raw = srcLines[i];
+        var m = raw.match(/^\s*[*+-]\s+(?:\[(?: |x|X)\]\s+)?(.*)$/);
+        if (m && typeof m[1] === "string") {
+            var contentStripped = stripInlineForList(m[1]);
+            unorderedEntries.push({ ln: i + 1, content: contentStripped });
+            if (!unorderedLookup.has(contentStripped)) {
+                unorderedLookup.set(contentStripped, [i + 1]);
+            }
+            else {
+                unorderedLookup.get(contentStripped).push(i + 1);
+            }
+        }
+    }
+    var orderedEntries = [];
+    var orderedLookup = new Map();
+    var ORDERED_RE = /\s*\d+(?:[.)、．。]|[\uFF0E\uFF09\u3001])\s+(?:\[(?: |x|X)\]\s+)?(.*)/;
+    for (var i = 0; i < srcLines.length; i++) {
+        var raw = srcLines[i];
+        var m = raw.match(new RegExp("^".concat(ORDERED_RE.source, "$")));
+        if (m && typeof m[1] === "string") {
+            var contentStripped = stripInlineForList(m[1]);
+            orderedEntries.push({ ln: i + 1, content: contentStripped });
+            if (!orderedLookup.has(contentStripped)) {
+                orderedLookup.set(contentStripped, [i + 1]);
+            }
+            else {
+                orderedLookup.get(contentStripped).push(i + 1);
+            }
+        }
+    }
+    var orderedGroups = [];
+    for (var i = 0; i < srcLines.length;) {
+        var raw = srcLines[i];
+        if (new RegExp("^".concat(ORDERED_RE.source, "$")).test(raw)) {
+            var group = [];
+            while (i < srcLines.length &&
+                new RegExp("^".concat(ORDERED_RE.source, "$")).test(srcLines[i])) {
+                group.push(i + 1);
+                i++;
+            }
+            if (group.length > 0) {
+                orderedGroups.push(group);
+            }
+        }
+        else {
+            i++;
+        }
+    }
+    return {
+        srcLines: srcLines,
+        strippedLines: strippedLines,
+        lineLookup: lineLookup,
+        unorderedEntries: unorderedEntries,
+        unorderedLookup: unorderedLookup,
+        orderedEntries: orderedEntries,
+        orderedLookup: orderedLookup,
+        orderedGroups: orderedGroups,
+    };
+};
+var attachLineNumbersToBlocks = function (root, sourceMarkdownOrIndex) {
+    if (!root || !sourceMarkdownOrIndex) {
+        return;
+    }
+    var ZWSP = "\u200b";
+    var normalize = function (text) {
+        return text
+            .replace(/\r\n|\r/g, "\n")
+            .replace(new RegExp(ZWSP, "g"), "")
+            .replace(/\u00a0/g, " ")
+            .replace(/\u2006/g, "")
+            .replace(/[\t\f\v ]+/g, " ");
+    };
+    var index = typeof sourceMarkdownOrIndex === "string"
+        ? prepareLineNumberIndex(sourceMarkdownOrIndex)
+        : sourceMarkdownOrIndex;
+    var srcLines = index.srcLines;
+    var stripInlineMD = function (text) {
+        return (text
+            .replace(/\\([*_`~])/g, "$1")
+            .replace(/\*\*|__/g, "")
+            .replace(/\*|_/g, "")
+            .replace(/~~/g, "")
+            .replace(/`+/g, "")
+            // 数学行内分隔符：保留内容，仅移除分隔符
+            .replace(/\\\(/g, "(")
+            .replace(/\\\)/g, ")")
+            .replace(/\\\[/g, "[")
+            .replace(/\\\]/g, "]")
+            .replace(/\$/g, "")
+            .trim());
+    };
+    var stripInlineForList = function (text) {
+        return (stripInlineMD(text)
+            // 移除 $...$（行内公式整体）
+            .replace(/\$(?:\\.|[^$])*\$/g, "")
+            // 移除 \(...\)、\[...\]（行内/行间公式整体）
+            .replace(/\\\([^)]*\\\)/g, "")
+            .replace(/\\\[[^\]]*\\\]/g, "")
+            // 去除通用 TeX 命令，如 \alpha、\mathbf 等
+            .replace(/\\[a-zA-Z]+/g, "")
+            // 去除多余大括号
+            .replace(/[{}]/g, "")
+            .trim());
+    };
+    var strippedLines = index.strippedLines;
+    var lineLookup = index.lineLookup;
+    var usedLines = new Set();
+    var pickFirstUnused = function (candidates) {
+        if (!candidates || candidates.length === 0)
+            return -1;
+        for (var _i = 0, candidates_1 = candidates; _i < candidates_1.length; _i++) {
+            var ln = candidates_1[_i];
+            if (!usedLines.has(ln))
+                return ln;
+        }
+        return -1;
+    };
+    var findLineNumberByText = function (text) {
+        var stripped = stripInlineMD(text);
+        var ln = pickFirstUnused(lineLookup.get(stripped));
+        if (ln !== -1)
+            return ln;
+        for (var i = 0; i < strippedLines.length; i++) {
+            if (!usedLines.has(i + 1) &&
+                stripped &&
+                strippedLines[i].indexOf(stripped) !== -1) {
+                return i + 1;
+            }
+        }
+        return -1;
+    };
+    /**
+     * 无序列表行号索引
+     */
+    var usedUnorderedLines = new Set();
+    var unorderedListEntries = index.unorderedEntries;
+    var unorderedLookup = index.unorderedLookup;
+    /**
+     * 从无序列表候选行中为给定文本选择一个行号。
+     * 优先精确匹配（去标记后完全相同），否则回退到包含匹配。
+     */
+    var pickFirstUnusedUnordered = function (candidates) {
+        if (!candidates || candidates.length === 0)
+            return -1;
+        for (var _i = 0, candidates_2 = candidates; _i < candidates_2.length; _i++) {
+            var ln = candidates_2[_i];
+            if (!usedUnorderedLines.has(ln))
+                return ln;
+        }
+        return -1;
+    };
+    var findUnorderedListLineNumber = function (text) {
+        var stripped = stripInlineForList(text);
+        // 先尝试精确匹配
+        var exact = pickFirstUnusedUnordered(unorderedLookup.get(stripped));
+        if (exact !== -1)
+            return exact;
+        // 回退到包含匹配
+        for (var i = 0; i < unorderedListEntries.length; i++) {
+            var entry = unorderedListEntries[i];
+            if (usedUnorderedLines.has(entry.ln))
+                continue;
+            if (!stripped)
+                continue;
+            if (entry.content.indexOf(stripped) !== -1 ||
+                stripped.indexOf(entry.content) !== -1) {
+                return entry.ln;
+            }
+        }
+        return -1;
+    };
+    /**
+     * 有序列表行号索引
+     */
+    var usedOrderedLines = new Set();
+    var orderedListEntries = index.orderedEntries;
+    var orderedLookup = index.orderedLookup;
+    var orderedGroups = index.orderedGroups;
+    console.debug("[LineNumber][ol:index]", {
+        total: orderedListEntries.length,
+    });
+    /**
+     * 为给定文本在有序列表候选中选择行号，精确匹配优先，包含匹配回退。
+     */
+    var pickFirstUnusedOrdered = function (candidates) {
+        if (!candidates || candidates.length === 0)
+            return -1;
+        for (var _i = 0, candidates_3 = candidates; _i < candidates_3.length; _i++) {
+            var ln = candidates_3[_i];
+            if (!usedOrderedLines.has(ln))
+                return ln;
+        }
+        return -1;
+    };
+    var findOrderedListLineNumber = function (text) {
+        var stripped = stripInlineForList(text);
+        var exact = pickFirstUnusedOrdered(orderedLookup.get(stripped));
+        if (exact !== -1)
+            return exact;
+        for (var i = 0; i < orderedListEntries.length; i++) {
+            var entry = orderedListEntries[i];
+            if (usedOrderedLines.has(entry.ln))
+                continue;
+            if (!stripped)
+                continue;
+            if (entry.content.indexOf(stripped) !== -1 ||
+                stripped.indexOf(entry.content) !== -1) {
+                return entry.ln;
+            }
+        }
+        return -1;
+    };
+    /**
+     * 获取 `li` 的直接内容文本：仅拼接其直系子节点中的文本，排除嵌套的 `UL/OL` 列表。
+     * 以便在嵌套列表场景下准确定位每个条目对应的源行。
+     */
+    var getImmediateLiText = function (li) {
+        var buf = "";
+        li.childNodes.forEach(function (node) {
+            var _a;
+            if (node.nodeType === 3) {
+                buf += node.data;
+            }
+            else if (node.tagName !== "UL" &&
+                node.tagName !== "OL" &&
+                !((_a = node.classList) === null || _a === void 0 ? void 0 : _a.contains("katex"))) {
+                buf += node.textContent || "";
+            }
+        });
+        return buf;
+    };
+    var blocks = root.querySelectorAll("[data-block]");
+    blocks.forEach(function (el) {
+        try {
+            var container = el;
+            var dataType = container.getAttribute("data-type") || "";
+            if (dataType === "math-block" || dataType === "code-block") {
+                // container.setAttribute("data-linenumber", "");
+                return;
+            }
+            var text = container.textContent || "";
+            var normText = normalize(text);
+            // 跳过纯空白块
+            if (!normText.trim()) {
+                // container.setAttribute("data-linenumber", "");
+                return;
+            }
+            var lineNumber = -1;
+            var tag = container.tagName;
+            if (tag === "BLOCKQUOTE") {
+                var firstLine = normText.split("\n").find(function (l) { return l.trim().length > 0; }) ||
+                    normText;
+                var stripped = stripInlineMD(firstLine);
+                for (var i = 0; i < srcLines.length; i++) {
+                    if (usedLines.has(i + 1))
+                        continue;
+                    if (/^\s*>+\s/.test(srcLines[i])) {
+                        var content = stripInlineMD(srcLines[i].replace(/^\s*>+\s+/, ""));
+                        if (content.indexOf(stripped) !== -1) {
+                            lineNumber = i + 1;
+                            break;
+                        }
+                    }
+                }
+            }
+            else {
+                var firstLine = normText.split("\n").find(function (l) { return l.trim().length > 0; }) ||
+                    normText;
+                lineNumber = findLineNumberByText(firstLine);
+            }
+            if (lineNumber !== -1) {
+                usedLines.add(lineNumber);
+                container.setAttribute("data-linenumber", String(lineNumber));
+            }
+        }
+        catch (_a) {
+            void 0;
+        }
+    });
+    /**
+     * 为所有 `ul` 下的每个直接 `li` 子元素追加 `data-linenumber`，不修改 `ul` 本身。
+     * 支持多层嵌套与非文本起始节点（如加粗/行内代码）。
+     */
+    var ulElements = root.querySelectorAll("ul");
+    ulElements.forEach(function (ul) {
+        try {
+            var children = Array.from(ul.children);
+            for (var _i = 0, children_1 = children; _i < children_1.length; _i++) {
+                var child = children_1[_i];
+                if (child.tagName !== "LI")
+                    continue;
+                var li = child;
+                var rawText = getImmediateLiText(li);
+                var norm = normalize(rawText);
+                var firstLine = norm.split("\n").find(function (l) { return l.trim().length > 0; }) || norm;
+                var ln = findUnorderedListLineNumber(firstLine);
+                if (ln !== -1) {
+                    usedUnorderedLines.add(ln);
+                    li.setAttribute("data-linenumber", String(ln));
+                }
+                else {
+                    li.setAttribute("data-linenumber", "");
+                }
+            }
+        }
+        catch (_a) {
+            void 0;
+        }
+    });
+    /**
+     * 为所有 `ol` 下的每个直接 `li` 子元素追加 `data-linenumber`，不修改 `ol` 本身。
+     */
+    var olElements = root.querySelectorAll("ol");
+    olElements.forEach(function (ol) {
+        try {
+            var currentGroupIdx = -1;
+            var lastAssigned_1 = -1;
+            var children = Array.from(ol.children);
+            for (var _i = 0, children_2 = children; _i < children_2.length; _i++) {
+                var child = children_2[_i];
+                if (child.tagName !== "LI")
+                    continue;
+                var li = child;
+                var rawText = getImmediateLiText(li);
+                var norm = normalize(rawText);
+                var firstLine = norm.split("\n").find(function (l) { return l.trim().length > 0; }) || norm;
+                var stripped0 = stripInlineForList(firstLine);
+                var stripped = stripped0 || stripInlineMD(firstLine);
+                var candidates = orderedLookup.get(stripped) || [];
+                var available = candidates.filter(function (n) { return !usedOrderedLines.has(n); });
+                var ln = findOrderedListLineNumber(firstLine);
+                if (ln !== -1) {
+                    usedOrderedLines.add(ln);
+                    li.setAttribute("data-linenumber", String(ln));
+                    // 成功映射日志
+                    console.debug("[LineNumber][ol>li]", {
+                        text: firstLine,
+                        stripped: stripped,
+                        line: ln,
+                    });
+                    // 记录当前组
+                    for (var gi = 0; gi < orderedGroups.length; gi++) {
+                        if (orderedGroups[gi].includes(ln)) {
+                            currentGroupIdx = gi;
+                            break;
+                        }
+                    }
+                    lastAssigned_1 = ln;
+                }
+                else {
+                    // 顺序回退：基于当前组或猜测组，按序分配下一未使用行
+                    var assigned = -1;
+                    var pickNextFromGroup = function (gi) {
+                        if (gi < 0 || gi >= orderedGroups.length)
+                            return -1;
+                        var lines = orderedGroups[gi];
+                        // 优先从上次分配后续查找
+                        var startIdx = 0;
+                        if (lastAssigned_1 !== -1) {
+                            var idx = lines.indexOf(lastAssigned_1);
+                            startIdx = idx >= 0 ? idx + 1 : 0;
+                        }
+                        for (var k = startIdx; k < lines.length; k++) {
+                            var cand = lines[k];
+                            if (!usedOrderedLines.has(cand))
+                                return cand;
+                        }
+                        for (var k = 0; k < startIdx; k++) {
+                            var cand = lines[k];
+                            if (!usedOrderedLines.has(cand))
+                                return cand;
+                        }
+                        return -1;
+                    };
+                    if (currentGroupIdx !== -1) {
+                        assigned = pickNextFromGroup(currentGroupIdx);
+                    }
+                    if (assigned === -1) {
+                        // 猜测组：选择拥有可用行的首个组
+                        for (var gi = 0; gi < orderedGroups.length && assigned === -1; gi++) {
+                            var cand = pickNextFromGroup(gi);
+                            if (cand !== -1) {
+                                currentGroupIdx = gi;
+                                assigned = cand;
+                            }
+                        }
+                    }
+                    if (assigned !== -1) {
+                        usedOrderedLines.add(assigned);
+                        li.setAttribute("data-linenumber", String(assigned));
+                        console.debug("[LineNumber][ol>li][fallback-seq]", {
+                            text: firstLine,
+                            stripped: stripped,
+                            line: assigned,
+                            group: currentGroupIdx,
+                        });
+                        lastAssigned_1 = assigned;
+                    }
+                    else {
+                        li.setAttribute("data-linenumber", "");
+                        // 失败诊断日志
+                        console.warn("[LineNumber][ol>li][missing]", {
+                            text: firstLine,
+                            stripped: stripped,
+                            candidates: candidates,
+                            available: available,
+                            reason: !stripped0
+                                ? "empty-after-strip"
+                                : candidates.length === 0
+                                    ? "no-index-candidates"
+                                    : available.length === 0
+                                        ? "all-candidates-consumed"
+                                        : "fallback-no-match",
+                        });
+                    }
+                }
+            }
+        }
+        catch (_a) {
+            void 0;
+        }
+    });
+};
+
 ;// CONCATENATED MODULE: ./src/ts/wysiwyg/afterRenderEvent.ts
 
 
+
 var afterRenderEvent = function (vditor, options) {
     if (options === void 0) { options = {
         enableAddUndoStack: true,
@@ -8712,6 +9189,13 @@ var afterRenderEvent = function (vditor, options) {
         if (options.enableAddUndoStack) {
             vditor.undo.addToUndoStack(vditor);
         }
+        try {
+            var lnIndex = vditor.lineNumberIndex || prepareLineNumberIndex(text);
+            attachLineNumbersToBlocks(vditor.wysiwyg.element, lnIndex);
+        }
+        catch (_a) {
+            void 0;
+        }
     }, vditor.options.undoDelay);
 };
 
@@ -11197,6 +11681,7 @@ var selectEvent = function (vditor, editorElement) {
 
 
 
+
 var processPaste = function (vditor, text) {
     var range = (0,selection/* getEditorRange */.zh)(vditor);
     range.extractContents();
@@ -11207,9 +11692,10 @@ var processPaste = function (vditor, text) {
         blockElement = vditor.sv.element;
     }
     var spinHTML = vditor.lute.SpinVditorSVDOM(blockElement.textContent);
-    spinHTML = "<div data-block='0'>" +
-        spinHTML.replace(/<span data-type="newline"><br \/><span style="display: none">\n<\/span><\/span><span data-type="newline"><br \/><span style="display: none">\n<\/span><\/span></g, '<span data-type="newline"><br /><span style="display: none">\n</span></span><span data-type="newline"><br /><span style="display: none">\n</span></span></div><div data-block="0"><') +
-        "</div>";
+    spinHTML =
+        "<div data-block='0'>" +
+            spinHTML.replace(/<span data-type="newline"><br \/><span style="display: none">\n<\/span><\/span><span data-type="newline"><br \/><span style="display: none">\n<\/span><\/span></g, '<span data-type="newline"><br /><span style="display: none">\n</span></span><span data-type="newline"><br /><span style="display: none">\n</span></span></div><div data-block="0"><') +
+            "</div>";
     if (blockElement.isEqualNode(vditor.sv.element)) {
         blockElement.innerHTML = spinHTML;
     }
@@ -11242,9 +11728,10 @@ var getSideByType = function (spanNode, type, isPrevious) {
 var processSpinVditorSVDOM = function (html, vditor) {
     log("SpinVditorSVDOM", html, "argument", vditor.options.debugger);
     var spinHTML = vditor.lute.SpinVditorSVDOM(html);
-    html = "<div data-block='0'>" +
-        spinHTML.replace(/<span data-type="newline"><br \/><span style="display: none">\n<\/span><\/span><span data-type="newline"><br \/><span style="display: none">\n<\/span><\/span></g, '<span data-type="newline"><br /><span style="display: none">\n</span></span><span data-type="newline"><br /><span style="display: none">\n</span></span></div><div data-block="0"><') +
-        "</div>";
+    html =
+        "<div data-block='0'>" +
+            spinHTML.replace(/<span data-type="newline"><br \/><span style="display: none">\n<\/span><\/span><span data-type="newline"><br \/><span style="display: none">\n<\/span><\/span></g, '<span data-type="newline"><br /><span style="display: none">\n</span></span><span data-type="newline"><br /><span style="display: none">\n</span></span></div><div data-block="0"><') +
+            "</div>";
     log("SpinVditorSVDOM", html, "result", vditor.options.debugger);
     return html;
 };
@@ -11252,21 +11739,32 @@ var processPreviousMarkers = function (spanElement) {
     var spanType = spanElement.getAttribute("data-type");
     var previousElement = spanElement.previousElementSibling;
     // 有内容的子列表/标题，在其 marker 后换行
-    var markerText = (spanType && spanType !== "text" && spanType !== "table" && spanType !== "heading-marker" &&
-        spanType !== "newline" && spanType !== "yaml-front-matter-open-marker" && spanType !== "yaml-front-matter-close-marker"
-        && spanType !== "code-block-info" && spanType !== "code-block-close-marker" && spanType !== "code-block-open-marker") ?
-        spanElement.textContent : "";
+    var markerText = spanType &&
+        spanType !== "text" &&
+        spanType !== "table" &&
+        spanType !== "heading-marker" &&
+        spanType !== "newline" &&
+        spanType !== "yaml-front-matter-open-marker" &&
+        spanType !== "yaml-front-matter-close-marker" &&
+        spanType !== "code-block-info" &&
+        spanType !== "code-block-close-marker" &&
+        spanType !== "code-block-open-marker"
+        ? spanElement.textContent
+        : "";
     var hasNL = false;
     if (spanType === "newline") {
         hasNL = true;
     }
     while (previousElement && !hasNL) {
         var previousType = previousElement.getAttribute("data-type");
-        if (previousType === "li-marker" || previousType === "blockquote-marker" || previousType === "task-marker" ||
+        if (previousType === "li-marker" ||
+            previousType === "blockquote-marker" ||
+            previousType === "task-marker" ||
             previousType === "padding") {
             var previousText = previousElement.textContent;
             if (previousType === "li-marker" &&
-                (spanType === "code-block-open-marker" || spanType === "code-block-info")) {
+                (spanType === "code-block-open-marker" ||
+                    spanType === "code-block-info")) {
                 // https://github.com/Vanessa219/vditor/issues/586
                 markerText = previousText.replace(/\S/g, " ") + markerText;
             }
@@ -11321,6 +11819,13 @@ var processAfterRender = function (vditor, options) {
         if (options.enableAddUndoStack && !vditor.sv.composingLock) {
             vditor.undo.addToUndoStack(vditor);
         }
+        try {
+            var lnIndex = vditor.lineNumberIndex || prepareLineNumberIndex(text);
+            attachLineNumbersToBlocks(vditor.sv.element, lnIndex);
+        }
+        catch (_a) {
+            void 0;
+        }
     }, vditor.options.undoDelay);
 };
 var processHeading = function (vditor, value) {
@@ -11356,8 +11861,13 @@ var processToolbar = function (vditor, actionBtn, prefix, suffix) {
         document.execCommand("insertHTML", false, html);
         return;
     }
-    else if (commandName === "italic" || commandName === "bold" || commandName === "strike" ||
-        commandName === "inline-code" || commandName === "code" || commandName === "table" || commandName === "line") {
+    else if (commandName === "italic" ||
+        commandName === "bold" ||
+        commandName === "strike" ||
+        commandName === "inline-code" ||
+        commandName === "code" ||
+        commandName === "table" ||
+        commandName === "line") {
         var html = void 0;
         // https://github.com/Vanessa219/vditor/issues/563 代码块不需要后面的 ```
         if (range.toString() === "") {
@@ -11366,7 +11876,10 @@ var processToolbar = function (vditor, actionBtn, prefix, suffix) {
         else {
             html = "".concat(prefix).concat(range.toString()).concat(Lute.Caret).concat(commandName === "code" ? "" : suffix);
         }
-        if (commandName === "table" || (commandName === "code" && spanElement && spanElement.textContent !== "")) {
+        if (commandName === "table" ||
+            (commandName === "code" &&
+                spanElement &&
+                spanElement.textContent !== "")) {
             html = "\n\n" + html;
         }
         else if (commandName === "line") {
@@ -11375,7 +11888,9 @@ var processToolbar = function (vditor, actionBtn, prefix, suffix) {
         document.execCommand("insertHTML", false, html);
         return;
     }
-    else if (commandName === "check" || commandName === "list" || commandName === "ordered-list" ||
+    else if (commandName === "check" ||
+        commandName === "list" ||
+        commandName === "ordered-list" ||
         commandName === "quote") {
         if (spanElement) {
             var marker = "* ";
@@ -12415,12 +12930,25 @@ var isHeadingMD = function (text) {
     }
     return false;
 };
+
+
 var execAfterRender = function (vditor, options) {
     if (options === void 0) { options = {
         enableAddUndoStack: true,
         enableHint: false,
         enableInput: true,
     }; }
+    try {
+        var md = getMarkdown(vditor);
+        var cached = vditor.lineNumberIndex;
+        var same = cached &&
+            Array.isArray(cached.srcLines) &&
+            cached.srcLines.join("\n") === md;
+        vditor.lineNumberIndex = same ? cached : prepareLineNumberIndex(md);
+    }
+    catch (_a) {
+        vditor.lineNumberIndex = undefined;
+    }
     if (vditor.currentMode === "wysiwyg") {
         afterRenderEvent(vditor, options);
     }
@@ -13682,6 +14210,7 @@ var templateObject_1;
 
 
 
+
 var processHint = function (vditor) {
     var _a, _b;
     vditor.hint.render(vditor);
@@ -13689,16 +14218,20 @@ var processHint = function (vditor) {
     // 代码块语言提示
     var preBeforeElement = (0,hasClosest/* hasClosestByAttribute */.a1)(startContainer, "data-type", "code-block-info");
     if (preBeforeElement) {
-        if (preBeforeElement.textContent.replace(constants/* Constants.ZWSP */.g.ZWSP, "") === "" && vditor.hint.recentLanguage) {
-            preBeforeElement.textContent = constants/* Constants.ZWSP */.g.ZWSP + vditor.hint.recentLanguage;
+        if (preBeforeElement.textContent.replace(constants/* Constants.ZWSP */.g.ZWSP, "") === "" &&
+            vditor.hint.recentLanguage) {
+            preBeforeElement.textContent =
+                constants/* Constants.ZWSP */.g.ZWSP + vditor.hint.recentLanguage;
             var range = (0,selection/* getEditorRange */.zh)(vditor);
             range.selectNodeContents(preBeforeElement);
         }
         else {
             var matchLangData_1 = [];
-            var key_1 = preBeforeElement.textContent.substring(0, (0,selection/* getSelectPosition */.im)(preBeforeElement, vditor.ir.element).start)
+            var key_1 = preBeforeElement.textContent
+                .substring(0, (0,selection/* getSelectPosition */.im)(preBeforeElement, vditor.ir.element).start)
                 .replace(constants/* Constants.ZWSP */.g.ZWSP, "");
-            (vditor.options.preview.hljs.langs || constants/* Constants.ALIAS_CODE_LANGUAGES.concat */.g.ALIAS_CODE_LANGUAGES.concat(((_b = (_a = window.hljs) === null || _a === void 0 ? void 0 : _a.listLanguages()) !== null && _b !== void 0 ? _b : []).sort())).forEach(function (keyName) {
+            (vditor.options.preview.hljs.langs ||
+                constants/* Constants.ALIAS_CODE_LANGUAGES.concat */.g.ALIAS_CODE_LANGUAGES.concat(((_b = (_a = window.hljs) === null || _a === void 0 ? void 0 : _a.listLanguages()) !== null && _b !== void 0 ? _b : []).sort())).forEach(function (keyName) {
                 if (keyName.indexOf(key_1.toLowerCase()) > -1) {
                     matchLangData_1.push({
                         html: keyName,
@@ -13743,11 +14276,19 @@ var process_processAfterRender = function (vditor, options) {
         if (options.enableAddUndoStack) {
             vditor.undo.addToUndoStack(vditor);
         }
+        try {
+            var lnIndex = vditor.lineNumberIndex || prepareLineNumberIndex(text);
+            attachLineNumbersToBlocks(vditor.ir.element, lnIndex);
+        }
+        catch (_a) {
+            void 0;
+        }
     }, vditor.options.undoDelay);
 };
 var process_processHeading = function (vditor, value) {
     var range = (0,selection/* getEditorRange */.zh)(vditor);
-    var headingElement = (0,hasClosest/* hasClosestBlock */.F9)(range.startContainer) || range.startContainer;
+    var headingElement = (0,hasClosest/* hasClosestBlock */.F9)(range.startContainer) ||
+        range.startContainer;
     if (headingElement) {
         var headingMarkerElement = headingElement.querySelector(".vditor-ir__marker--heading");
         if (headingMarkerElement) {
@@ -13770,7 +14311,8 @@ var removeInline = function (range, vditor, type) {
         range.insertNode(document.createElement("wbr"));
         var tempElement = document.createElement("div");
         tempElement.innerHTML = vditor.lute.SpinVditorIRDOM(inlineElement.outerHTML);
-        inlineElement.outerHTML = tempElement.firstElementChild.innerHTML.trim();
+        inlineElement.outerHTML =
+            tempElement.firstElementChild.innerHTML.trim();
     }
 };
 var process_processToolbar = function (vditor, actionBtn, prefix, suffix) {
@@ -13787,8 +14329,10 @@ var process_processToolbar = function (vditor, actionBtn, prefix, suffix) {
             var quoteElement = (0,hasClosest/* hasClosestByMatchTag */.lG)(typeElement, "BLOCKQUOTE");
             if (quoteElement) {
                 range.insertNode(document.createElement("wbr"));
-                quoteElement.outerHTML = quoteElement.innerHTML.trim() === "" ?
-                    "<p data-block=\"0\">".concat(quoteElement.innerHTML, "</p>") : quoteElement.innerHTML;
+                quoteElement.outerHTML =
+                    quoteElement.innerHTML.trim() === ""
+                        ? "<p data-block=\"0\">".concat(quoteElement.innerHTML, "</p>")
+                        : quoteElement.innerHTML;
             }
         }
         else if (commandName === "link") {
@@ -13800,7 +14344,9 @@ var process_processToolbar = function (vditor, actionBtn, prefix, suffix) {
                     aElement.outerHTML = aTextElement.innerHTML;
                 }
                 else {
-                    aElement.outerHTML = aElement.querySelector(".vditor-ir__link").innerHTML + "<wbr>";
+                    aElement.outerHTML =
+                        aElement.querySelector(".vditor-ir__link").innerHTML +
+                            "<wbr>";
                 }
             }
         }
@@ -13816,7 +14362,9 @@ var process_processToolbar = function (vditor, actionBtn, prefix, suffix) {
         else if (commandName === "inline-code") {
             removeInline(range, vditor, "code");
         }
-        else if (commandName === "check" || commandName === "list" || commandName === "ordered-list") {
+        else if (commandName === "check" ||
+            commandName === "list" ||
+            commandName === "ordered-list") {
             listToggle(vditor, range, commandName);
             useHighlight = false;
             actionBtn.classList.remove("vditor-menu--current");
@@ -13860,8 +14408,12 @@ var process_processToolbar = function (vditor, actionBtn, prefix, suffix) {
             useHighlight = false;
             actionBtn.classList.add("vditor-menu--current");
         }
-        else if (commandName === "italic" || commandName === "bold" || commandName === "strike"
-            || commandName === "inline-code" || commandName === "code" || commandName === "table") {
+        else if (commandName === "italic" ||
+            commandName === "bold" ||
+            commandName === "strike" ||
+            commandName === "inline-code" ||
+            commandName === "code" ||
+            commandName === "table") {
             var html = void 0;
             if (range.toString() === "") {
                 html = "".concat(prefix, "<wbr>").concat(suffix);
@@ -13890,10 +14442,16 @@ var process_processToolbar = function (vditor, actionBtn, prefix, suffix) {
                 (0,selection/* setSelectionFocus */.Hc)(range);
             }
         }
-        else if (commandName === "check" || commandName === "list" || commandName === "ordered-list") {
+        else if (commandName === "check" ||
+            commandName === "list" ||
+            commandName === "ordered-list") {
             listToggle(vditor, range, commandName, false);
             useHighlight = false;
-            removeCurrentToolbar(vditor.toolbar.elements, ["check", "list", "ordered-list"]);
+            removeCurrentToolbar(vditor.toolbar.elements, [
+                "check",
+                "list",
+                "ordered-list",
+            ]);
             actionBtn.classList.add("vditor-menu--current");
         }
     }
@@ -17732,6 +18290,7 @@ var src_extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 
 
 /**
@@ -18025,6 +18584,12 @@ var Vditor = /** @class */ (function (_super) {
     Vditor.prototype.setValue = function (markdown, clearStack) {
         var _this = this;
         if (clearStack === void 0) { clearStack = false; }
+        try {
+            this.vditor.lineNumberIndex = prepareLineNumberIndex(markdown);
+        }
+        catch (_a) {
+            this.vditor.lineNumberIndex = undefined;
+        }
         if (this.vditor.currentMode === "sv") {
             this.vditor.sv.element.innerHTML = "<div data-block='0'>".concat(this.vditor.lute.SpinVditorSVDOM(markdown), "</div>");
             processAfterRender(this.vditor, {