@will1123/lx-ui-utils 1.0.1 → 1.0.3

package/dist/lib/markdown.js

@@ -1,286 +1,267 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-class MarkdownRenderer {
-  constructor(config = {}) {
-    this.config = {
-      highlight: config.highlight || false,
-      highlightLanguages: config.highlightLanguages || {},
-      taskList: config.taskList !== false,
-      table: config.table !== false,
-      link: config.link !== false,
-      image: config.image !== false
-    };
-  }
-  /**
-   * 渲染 Markdown 为 HTML
-   */
-  render(markdown) {
-    let html = markdown;
-    html = this.escapeHtml(html);
-    html = this.renderCodeBlocks(html);
-    html = this.renderHeadings(html);
-    html = this.renderEmphasis(html);
-    if (this.config.taskList) {
-      html = this.renderTaskLists(html);
-    }
-    html = this.renderUnorderedLists(html);
-    html = this.renderOrderedLists(html);
-    if (this.config.table) {
-      html = this.renderTables(html);
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-    if (this.config.link) {
-      html = this.renderLinks(html);
-    }
-    if (this.config.image) {
-      html = this.renderImages(html);
-    }
-    html = this.renderParagraphs(html);
-    html = this.renderLineBreaks(html);
-    return html;
-  }
-  /**
-   * 转义 HTML 特殊字符
-   */
-  escapeHtml(text) {
-    return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-  }
-  /**
-   * 渲染代码块
-   */
-  renderCodeBlocks(text) {
-    return text.replace(
-      /`{3}(\w*)\n([\s\S]*?)`{3}/g,
-      (match, lang, code) => {
-        const language = lang || "text";
-        return `<pre><code class="language-${language}">${code.trim()}</code></pre>`;
+  return a;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
       }
-    );
-  }
-  /**
-   * 渲染标题
-   */
-  renderHeadings(text) {
-    return text.replace(/^#{6}\s+(.+)$/gm, "<h6>$1</h6>").replace(/^#{5}\s+(.+)$/gm, "<h5>$1</h5>").replace(/^#{4}\s+(.+)$/gm, "<h4>$1</h4>").replace(/^#{3}\s+(.+)$/gm, "<h3>$1</h3>").replace(/^#{2}\s+(.+)$/gm, "<h2>$1</h2>").replace(/^#{1}\s+(.+)$/gm, "<h1>$1</h1>");
-  }
-  /**
-   * 渲染粗体和斜体
-   */
-  renderEmphasis(text) {
-    text = text.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>");
-    text = text.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>");
-    text = text.replace(/___(.+?)___/g, "<strong><em>$1</em></strong>");
-    text = text.replace(/__(.+?)__/g, "<strong>$1</strong>");
-    text = text.replace(/\*(.+?)\*/g, "<em>$1</em>");
-    text = text.replace(/_(.+?)_/g, "<em>$1</em>");
-    return text;
-  }
-  /**
-   * 渲染任务列表
-   */
-  renderTaskLists(text) {
-    return text.replace(/^\s*-\s*\[x\]\s+(.+)$/gm, '<li class="task-checked"><input type="checkbox" checked disabled> $1</li>').replace(/^\s*-\s*\[\s*\]\s+(.+)$/gm, '<li><input type="checkbox" disabled> $1</li>');
-  }
-  /**
-   * 渲染无序列表
-   */
-  renderUnorderedLists(text) {
-    const lines = text.split("\n");
-    const result = [];
-    const listStack = [];
-    for (const line of lines) {
-      const match = line.match(/^(\s*)-\s+(.+)$/);
-      if (!match) {
-        while (listStack.length > 0) {
-          result.push(listStack.pop() || "");
-        }
-        result.push(line);
-        continue;
-      }
-      const [_, indent, content] = match;
-      const indentLevel = indent.length;
-      while (listStack.length > 0 && listStack.length < indentLevel / 2 + 1) {
-        result.push(listStack.pop() || "");
-      }
-      while (listStack.length < indentLevel / 2 + 1) {
-        listStack.push("<ul>");
-        result.push("<ul>");
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
       }
-      result.push(`<li>${content}</li>`);
-    }
-    while (listStack.length > 0) {
-      result.push("</ul>");
-      listStack.pop();
-    }
-    return result.join("\n");
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const marked = require("marked");
+const markedHighlight = require("marked-highlight");
+const hljs = require("highlight.js");
+const katex = require("katex");
+const helper = require("./helper.js");
+function getMarkdownCodeTheme() {
+  if (typeof window === "undefined") return "dark";
+  return localStorage.getItem("LxUIMdCodeTheme") || "dark";
+}
+function setMarkdownCodeTheme(theme) {
+  if (typeof window === "undefined") return;
+  localStorage.setItem("LxUIMdCodeTheme", theme);
+}
+function toggleMarkdownCodeTheme() {
+  const currentTheme = getMarkdownCodeTheme();
+  const newTheme = currentTheme === "dark" ? "light" : "dark";
+  setMarkdownCodeTheme(newTheme);
+  return newTheme;
+}
+function updateMarkdownCodeBlocksTheme(themeOrContainer, theme) {
+  if (typeof window === "undefined") return;
+  let actualTheme;
+  let container = document.body;
+  if (typeof themeOrContainer === "string") {
+    actualTheme = themeOrContainer;
+  } else {
+    container = themeOrContainer;
+    actualTheme = theme;
   }
-  /**
-   * 渲染有序列表
-   */
-  renderOrderedLists(text) {
-    const lines = text.split("\n");
-    const result = [];
-    let inList = false;
-    for (const line of lines) {
-      const match = line.match(/^\s*\d+\.\s+(.+)$/);
-      if (!match) {
-        if (inList) {
-          result.push("</ol>");
-          inList = false;
-        }
-        result.push(line);
-        continue;
-      }
-      const [_, content] = match;
-      if (!inList) {
-        result.push("<ol>");
-        inList = true;
+  const codeBoxes = container.querySelectorAll(".lx-ui-code-box");
+  codeBoxes.forEach((box) => {
+    box.setAttribute("data-theme", actualTheme);
+  });
+}
+function createMarkdownRender(createConfig = {}) {
+  const {
+    codeBoxToolEnable = true,
+    katexEnable = true,
+    katexOptions
+  } = createConfig;
+  const markedRenderer = new marked.marked.Renderer();
+  const originalLinkRenderer = markedRenderer.link;
+  markedRenderer.link = (...arg) => {
+    const html = originalLinkRenderer.call(markedRenderer, ...arg);
+    return html.replace(/^<a /, '<a target="_blank" ');
+  };
+  const originalTableRenderer = markedRenderer.table;
+  markedRenderer.table = (...arg) => {
+    const html = originalTableRenderer.call(markedRenderer, ...arg);
+    return `<div class="lx-ui-table-wrapper"><div class="lx-ui-table-box">${html}</div></div>`;
+  };
+  const originalCodeRenderer = markedRenderer.code;
+  markedRenderer.code = (token) => {
+    const html = originalCodeRenderer.call(markedRenderer, token);
+    const theme = getMarkdownCodeTheme();
+    const lang = (token == null ? void 0 : token.lang) || "";
+    const codeBoxToolEnableHtml = `<div class="lx-ui-code-box-header">
+      <div class="lx-ui-code-box-header-left">
+        <span class="lx-ui-code-language">${lang}</span>
+      </div>
+      <div class="lx-ui-code-box-header-right">
+        <i class="lx-ui-code-box-header-copy lx-ui-icon-copy" title="复制">复制</i>
+        <i class="lx-ui-code-box-header-theme lx-ui-icon-theme" title="切换主题">切换主题</i>
+      </div>
+    </div>`;
+    const codeBoxToolDisableHtml = `<div class="lx-ui-code-box-header">
+      <div class="lx-ui-code-box-header-left">
+        <span class="lx-ui-code-language">${lang}</span>
+      </div>
+    </div>`;
+    return `<div class="lx-ui-code-box-wrapper">
+      <div class="lx-ui-code-box" data-theme="${theme}">
+        ${codeBoxToolEnable ? codeBoxToolEnableHtml : codeBoxToolDisableHtml}
+        <div class="lx-ui-code-box-content">
+          ${html}
+        </div>
+      </div>
+    </div>`;
+  };
+  const markdownRender = new marked.Marked(
+    markedHighlight.markedHighlight({
+      langPrefix: "hljs language-",
+      highlight(code, lang) {
+        const language = hljs.getLanguage(lang) ? lang : "plaintext";
+        return hljs.highlight(code, { language }).value;
       }
-      result.push(`<li>${content}</li>`);
-    }
-    if (inList) {
-      result.push("</ol>");
-    }
-    return result.join("\n");
+    })
+  );
+  markdownRender.setOptions({
+    renderer: markedRenderer
+  });
+  if (katexEnable) {
+    markdownRender.use(createKatexExtension(katexOptions));
   }
-  /**
-   * 渲染表格
-   */
-  renderTables(text) {
-    const lines = text.split("\n");
-    const result = [];
-    let inTable = false;
-    let headerRendered = false;
-    for (let i = 0; i < lines.length; i++) {
-      const line = lines[i];
-      if (line.match(/^\|[\s\-:|]+\|$/)) {
-        continue;
-      }
-      const match = line.match(/^\|(.+)\|$/);
-      if (!match) {
-        if (inTable) {
-          result.push("</table>");
-          inTable = false;
-          headerRendered = false;
+  return markdownRender;
+}
+function createKatexExtension(katexOptions) {
+  return {
+    extensions: [
+      {
+        name: "blockMath",
+        level: "block",
+        start(src) {
+          return src.indexOf("$$");
+        },
+        tokenizer(src) {
+          const match = src.match(/^\$\$([\s\S]*?)\$\$(?:\n|$)/);
+          if (match) {
+            try {
+              const formula = match[1].trim();
+              const html = katex.renderToString(formula, __spreadValues({
+                displayMode: true,
+                throwOnError: false
+              }, katexOptions));
+              return {
+                type: "blockMath",
+                raw: match[0],
+                html: `<div class="lx-ui-katex-block">${html}</div>`
+              };
+            } catch (e) {
+              console.error("块级公式渲染错误:", e);
+              return {
+                type: "blockMath",
+                raw: match[0],
+                html: match[0]
+              };
+            }
+          }
+        },
+        renderer(token) {
+          return token.html || "";
+        }
+      },
+      {
+        name: "inlineMath",
+        level: "inline",
+        start(src) {
+          return src.indexOf("$");
+        },
+        tokenizer(src) {
+          const match = src.match(/^\$(?!\$)([^\$\n]+?)\$(?!\$)/);
+          if (match) {
+            try {
+              const formula = match[1].trim();
+              const html = katex.renderToString(formula, __spreadValues({
+                displayMode: false,
+                throwOnError: false
+              }, katexOptions));
+              return {
+                type: "inlineMath",
+                raw: match[0],
+                html: `<span class="lx-ui-katex-inline">${html}</span>`
+              };
+            } catch (e) {
+              console.error("行内公式渲染错误:", e);
+              return {
+                type: "inlineMath",
+                raw: match[0],
+                html: match[0]
+              };
+            }
+          }
+        },
+        renderer(token) {
+          return token.html || "";
         }
-        result.push(line);
-        continue;
-      }
-      const cells = match[1].split("|").map((cell) => cell.trim());
-      if (!inTable) {
-        result.push("<table>");
-        inTable = true;
       }
-      if (!headerRendered) {
-        result.push("<thead><tr>");
-        cells.forEach((cell) => {
-          result.push(`<th>${cell}</th>`);
-        });
-        result.push("</tr></thead><tbody>");
-        headerRendered = true;
-      } else {
-        result.push("<tr>");
-        cells.forEach((cell) => {
-          result.push(`<td>${cell}</td>`);
-        });
-        result.push("</tr>");
+    ]
+  };
+}
+function bindMarkdownCodeBoxEvents(containerOrConfig, config) {
+  if (typeof window === "undefined") {
+    return () => {
+    };
+  }
+  let container = document.body;
+  let eventsConfig = {};
+  if (containerOrConfig) {
+    if (helper.isDom(containerOrConfig)) {
+      container = containerOrConfig;
+      if (config) {
+        eventsConfig = config;
       }
+    } else {
+      eventsConfig = containerOrConfig;
     }
-    if (inTable) {
-      result.push("</tbody></table>");
-    }
-    return result.join("\n");
-  }
-  /**
-   * 渲染链接
-   */
-  renderLinks(text) {
-    return text.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank">$1</a>');
-  }
-  /**
-   * 渲染图片
-   */
-  renderImages(text) {
-    return text.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, '<img src="$2" alt="$1" />');
   }
-  /**
-   * 渲染段落
-   */
-  renderParagraphs(text) {
-    const lines = text.split("\n");
-    const result = [];
-    let inParagraph = false;
-    for (const line of lines) {
-      if (!line.trim() || line.match(/^<(h|ul|ol|li|table|pre|div)/)) {
-        if (inParagraph) {
-          result.push("</p>");
-          inParagraph = false;
+  const { onCopySuccess, onCopyError, onThemeChange } = eventsConfig;
+  const clickHandler = (e) => __async(this, null, function* () {
+    const target = e.target;
+    const copyButton = target.closest(".lx-ui-icon-copy");
+    if (copyButton) {
+      const codeBox = copyButton.closest(".lx-ui-code-box");
+      const codeElement = codeBox == null ? void 0 : codeBox.querySelector(".lx-ui-code-box-content");
+      if (codeElement) {
+        const text = codeElement.textContent || "";
+        const success = yield helper.copyToClipboard(text);
+        if (success) {
+          onCopySuccess == null ? void 0 : onCopySuccess(text);
+        } else {
+          onCopyError == null ? void 0 : onCopyError(new Error("复制失败"));
         }
-        result.push(line);
-        continue;
       }
-      if (!inParagraph) {
-        result.push("<p>");
-        inParagraph = true;
-      }
-      result.push(line);
-    }
-    if (inParagraph) {
-      result.push("</p>");
-    }
-    return result.join("\n");
-  }
-  /**
-   * 渲染换行
-   */
-  renderLineBreaks(text) {
-    return text.replace(/(<p>.*?<\/p>|<li>.*?<\/li>)/g, (match) => {
-      return match.replace(/\n/g, "<br>\n");
-    });
-  }
-}
-function renderMarkdown(markdown, config) {
-  const renderer = new MarkdownRenderer(config);
-  return renderer.render(markdown);
-}
-class MarkdownStreamRenderer {
-  constructor(config = {}) {
-    this.buffer = "";
-    this.config = config;
-    this.renderer = new MarkdownRenderer(config);
-  }
-  /**
-   * 追加文本并渲染
-   */
-  append(text) {
-    this.buffer += text;
-    const html = this.renderer.render(this.buffer);
-    if (this.config.onUpdate) {
-      this.config.onUpdate(html);
+      e.stopPropagation();
+      e.preventDefault();
+      return;
     }
-    return html;
-  }
-  /**
-   * 完成渲染
-   */
-  complete() {
-    const html = this.renderer.render(this.buffer);
-    if (this.config.onComplete) {
-      this.config.onComplete(html);
+    const themeButton = target.closest(".lx-ui-icon-theme");
+    if (themeButton) {
+      const newTheme = toggleMarkdownCodeTheme();
+      updateMarkdownCodeBlocksTheme(newTheme);
+      onThemeChange == null ? void 0 : onThemeChange(newTheme);
+      e.stopPropagation();
+      e.preventDefault();
+      return;
     }
-    return html;
-  }
-  /**
-   * 重置渲染器
-   */
-  reset() {
-    this.buffer = "";
-  }
-}
-function createMarkdownRenderer(config) {
-  return new MarkdownStreamRenderer(config);
+  });
+  container.addEventListener("click", clickHandler);
+  return () => {
+    container.removeEventListener("click", clickHandler);
+  };
 }
-exports.MarkdownRenderer = MarkdownRenderer;
-exports.MarkdownStreamRenderer = MarkdownStreamRenderer;
-exports.createMarkdownRenderer = createMarkdownRenderer;
-exports.renderMarkdown = renderMarkdown;
+exports.bindMarkdownCodeBoxEvents = bindMarkdownCodeBoxEvents;
+exports.createMarkdownRender = createMarkdownRender;
+exports.getMarkdownCodeTheme = getMarkdownCodeTheme;
+exports.setMarkdownCodeTheme = setMarkdownCodeTheme;
+exports.toggleMarkdownCodeTheme = toggleMarkdownCodeTheme;
+exports.updateMarkdownCodeBlocksTheme = updateMarkdownCodeBlocksTheme;
 //# sourceMappingURL=markdown.js.map

package/dist/lib/markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.js","sources":["../../src/markdown.ts"],"sourcesContent":["/**\r\n * Markdown 渲染配置\r\n */\r\nexport interface MarkdownRenderConfig {\r\n  /** 是否启用代码高亮（默认 false） */\r\n  highlight?: boolean\r\n  /** 自定义代码高亮语言映射 */\r\n  highlightLanguages?: Record<string, string>\r\n  /** 是否渲染任务列表（默认 true） */\r\n  taskList?: boolean\r\n  /** 是否渲染表格（默认 true） */\r\n  table?: boolean\r\n  /** 是否渲染链接（默认 true） */\r\n  link?: boolean\r\n  /** 是否渲染图片（默认 true） */\r\n  image?: boolean\r\n}\r\n\r\n/**\r\n * Markdown 流式更新配置\r\n */\r\nexport interface MarkdownStreamConfig extends MarkdownRenderConfig {\r\n  /** 更新回调函数 */\r\n  onUpdate?: (html: string) => void\r\n  /** 完成回调函数 */\r\n  onComplete?: (html: string) => void\r\n}\r\n\r\n/**\r\n * 简单的 Markdown 渲染器\r\n */\r\nexport class MarkdownRenderer {\r\n  private config: MarkdownRenderConfig\r\n\r\n  constructor(config: MarkdownRenderConfig = {}) {\r\n    this.config = {\r\n      highlight: config.highlight || false,\r\n      highlightLanguages: config.highlightLanguages || {},\r\n      taskList: config.taskList !== false,\r\n      table: config.table !== false,\r\n      link: config.link !== false,\r\n      image: config.image !== false\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 渲染 Markdown 为 HTML\r\n   */\r\n  render(markdown: string): string {\r\n    let html = markdown\r\n\r\n    // 转义 HTML 特殊字符（除了 Markdown 语法）\r\n    html = this.escapeHtml(html)\r\n\r\n    // 代码块（需要在其他处理之前）\r\n    html = this.renderCodeBlocks(html)\r\n\r\n    // 标题\r\n    html = this.renderHeadings(html)\r\n\r\n    // 粗体和斜体\r\n    html = this.renderEmphasis(html)\r\n\r\n    // 任务列表\r\n    if (this.config.taskList) {\r\n      html = this.renderTaskLists(html)\r\n    }\r\n\r\n    // 无序列表\r\n    html = this.renderUnorderedLists(html)\r\n\r\n    // 有序列表\r\n    html = this.renderOrderedLists(html)\r\n\r\n    // 表格\r\n    if (this.config.table) {\r\n      html = this.renderTables(html)\r\n    }\r\n\r\n    // 链接\r\n    if (this.config.link) {\r\n      html = this.renderLinks(html)\r\n    }\r\n\r\n    // 图片\r\n    if (this.config.image) {\r\n      html = this.renderImages(html)\r\n    }\r\n\r\n    // 段落\r\n    html = this.renderParagraphs(html)\r\n\r\n    // 换行\r\n    html = this.renderLineBreaks(html)\r\n\r\n    return html\r\n  }\r\n\r\n  /**\r\n   * 转义 HTML 特殊字符\r\n   */\r\n  private escapeHtml(text: string): string {\r\n    return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')\r\n  }\r\n\r\n  /**\r\n   * 渲染代码块\r\n   */\r\n  private renderCodeBlocks(text: string): string {\r\n    // 代码块（支持语法高亮标记）\r\n    return text.replace(\r\n      /`{3}(\\w*)\\n([\\s\\S]*?)`{3}/g,\r\n      (match, lang, code) => {\r\n        const language = lang || 'text'\r\n        return `<pre><code class=\"language-${language}\">${code.trim()}</code></pre>`\r\n      }\r\n    )\r\n  }\r\n\r\n  /**\r\n   * 渲染标题\r\n   */\r\n  private renderHeadings(text: string): string {\r\n    return text\r\n      .replace(/^#{6}\\s+(.+)$/gm, '<h6>$1</h6>')\r\n      .replace(/^#{5}\\s+(.+)$/gm, '<h5>$1</h5>')\r\n      .replace(/^#{4}\\s+(.+)$/gm, '<h4>$1</h4>')\r\n      .replace(/^#{3}\\s+(.+)$/gm, '<h3>$1</h3>')\r\n      .replace(/^#{2}\\s+(.+)$/gm, '<h2>$1</h2>')\r\n      .replace(/^#{1}\\s+(.+)$/gm, '<h1>$1</h1>')\r\n  }\r\n\r\n  /**\r\n   * 渲染粗体和斜体\r\n   */\r\n  private renderEmphasis(text: string): string {\r\n    // 粗体\r\n    text = text.replace(/\\*\\*\\*(.+?)\\*\\*\\*/g, '<strong><em>$1</em></strong>')\r\n    text = text.replace(/\\*\\*(.+?)\\*\\*/g, '<strong>$1</strong>')\r\n    text = text.replace(/___(.+?)___/g, '<strong><em>$1</em></strong>')\r\n    text = text.replace(/__(.+?)__/g, '<strong>$1</strong>')\r\n\r\n    // 斜体\r\n    text = text.replace(/\\*(.+?)\\*/g, '<em>$1</em>')\r\n    text = text.replace(/_(.+?)_/g, '<em>$1</em>')\r\n\r\n    return text\r\n  }\r\n\r\n  /**\r\n   * 渲染任务列表\r\n   */\r\n  private renderTaskLists(text: string): string {\r\n    return text.replace(/^\\s*-\\s*\\[x\\]\\s+(.+)$/gm, '<li class=\"task-checked\"><input type=\"checkbox\" checked disabled> $1</li>')\r\n      .replace(/^\\s*-\\s*\\[\\s*\\]\\s+(.+)$/gm, '<li><input type=\"checkbox\" disabled> $1</li>')\r\n  }\r\n\r\n  /**\r\n   * 渲染无序列表\r\n   */\r\n  private renderUnorderedLists(text: string): string {\r\n    const lines = text.split('\\n')\r\n    const result: string[] = []\r\n    const listStack: string[] = []\r\n\r\n    for (const line of lines) {\r\n      const match = line.match(/^(\\s*)-\\s+(.+)$/)\r\n      if (!match) {\r\n        // 关闭所有打开的列表\r\n        while (listStack.length > 0) {\r\n          result.push(listStack.pop() || '')\r\n        }\r\n        result.push(line)\r\n        continue\r\n      }\r\n\r\n      const [_, indent, content] = match\r\n      const indentLevel = indent.length\r\n      const listTag = '<ul>'\r\n\r\n      // 处理缩进层级\r\n      while (listStack.length > 0 && listStack.length < indentLevel / 2 + 1) {\r\n        result.push(listStack.pop() || '')\r\n      }\r\n\r\n      // 打开新的列表\r\n      while (listStack.length < indentLevel / 2 + 1) {\r\n        listStack.push('<ul>')\r\n        result.push('<ul>')\r\n      }\r\n\r\n      result.push(`<li>${content}</li>`)\r\n    }\r\n\r\n    // 关闭所有打开的列表\r\n    while (listStack.length > 0) {\r\n      result.push('</ul>')\r\n      listStack.pop()\r\n    }\r\n\r\n    return result.join('\\n')\r\n  }\r\n\r\n  /**\r\n   * 渲染有序列表\r\n   */\r\n  private renderOrderedLists(text: string): string {\r\n    const lines = text.split('\\n')\r\n    const result: string[] = []\r\n    let inList = false\r\n\r\n    for (const line of lines) {\r\n      const match = line.match(/^\\s*\\d+\\.\\s+(.+)$/)\r\n      if (!match) {\r\n        if (inList) {\r\n          result.push('</ol>')\r\n          inList = false\r\n        }\r\n        result.push(line)\r\n        continue\r\n      }\r\n\r\n      const [_, content] = match\r\n      if (!inList) {\r\n        result.push('<ol>')\r\n        inList = true\r\n      }\r\n      result.push(`<li>${content}</li>`)\r\n    }\r\n\r\n    if (inList) {\r\n      result.push('</ol>')\r\n    }\r\n\r\n    return result.join('\\n')\r\n  }\r\n\r\n  /**\r\n   * 渲染表格\r\n   */\r\n  private renderTables(text: string): string {\r\n    const lines = text.split('\\n')\r\n    const result: string[] = []\r\n    let inTable = false\r\n    let headerRendered = false\r\n\r\n    for (let i = 0; i < lines.length; i++) {\r\n      const line = lines[i]\r\n\r\n      // 表格分隔符\r\n      if (line.match(/^\\|[\\s\\-:|]+\\|$/)) {\r\n        continue\r\n      }\r\n\r\n      // 表格行\r\n      const match = line.match(/^\\|(.+)\\|$/)\r\n      if (!match) {\r\n        if (inTable) {\r\n          result.push('</table>')\r\n          inTable = false\r\n          headerRendered = false\r\n        }\r\n        result.push(line)\r\n        continue\r\n      }\r\n\r\n      const cells = match[1].split('|').map((cell: string) => cell.trim())\r\n\r\n      if (!inTable) {\r\n        result.push('<table>')\r\n        inTable = true\r\n      }\r\n\r\n      if (!headerRendered) {\r\n        result.push('<thead><tr>')\r\n        cells.forEach((cell: string) => {\r\n          result.push(`<th>${cell}</th>`)\r\n        })\r\n        result.push('</tr></thead><tbody>')\r\n        headerRendered = true\r\n      } else {\r\n        result.push('<tr>')\r\n        cells.forEach((cell: string) => {\r\n          result.push(`<td>${cell}</td>`)\r\n        })\r\n        result.push('</tr>')\r\n      }\r\n    }\r\n\r\n    if (inTable) {\r\n      result.push('</tbody></table>')\r\n    }\r\n\r\n    return result.join('\\n')\r\n  }\r\n\r\n  /**\r\n   * 渲染链接\r\n   */\r\n  private renderLinks(text: string): string {\r\n    return text.replace(/\\[([^\\]]+)\\]\\(([^)]+)\\)/g, '<a href=\"$2\" target=\"_blank\">$1</a>')\r\n  }\r\n\r\n  /**\r\n   * 渲染图片\r\n   */\r\n  private renderImages(text: string): string {\r\n    return text.replace(/!\\[([^\\]]*)\\]\\(([^)]+)\\)/g, '<img src=\"$2\" alt=\"$1\" />')\r\n  }\r\n\r\n  /**\r\n   * 渲染段落\r\n   */\r\n  private renderParagraphs(text: string): string {\r\n    const lines = text.split('\\n')\r\n    const result: string[] = []\r\n    let inParagraph = false\r\n\r\n    for (const line of lines) {\r\n      // 跳过空行和 HTML 标签\r\n      if (!line.trim() || line.match(/^<(h|ul|ol|li|table|pre|div)/)) {\r\n        if (inParagraph) {\r\n          result.push('</p>')\r\n          inParagraph = false\r\n        }\r\n        result.push(line)\r\n        continue\r\n      }\r\n\r\n      if (!inParagraph) {\r\n        result.push('<p>')\r\n        inParagraph = true\r\n      }\r\n      result.push(line)\r\n    }\r\n\r\n    if (inParagraph) {\r\n      result.push('</p>')\r\n    }\r\n\r\n    return result.join('\\n')\r\n  }\r\n\r\n  /**\r\n   * 渲染换行\r\n   */\r\n  private renderLineBreaks(text: string): string {\r\n    // 在段落内的换行转换为 <br>\r\n    return text.replace(/(<p>.*?<\\/p>|<li>.*?<\\/li>)/g, (match) => {\r\n      return match.replace(/\\n/g, '<br>\\n')\r\n    })\r\n  }\r\n}\r\n\r\n/**\r\n * 渲染 Markdown 为 HTML（便捷方法）\r\n */\r\nexport function renderMarkdown(\r\n  markdown: string,\r\n  config?: MarkdownRenderConfig\r\n): string {\r\n  const renderer = new MarkdownRenderer(config)\r\n  return renderer.render(markdown)\r\n}\r\n\r\n/**\r\n * 流式渲染 Markdown（用于 SSE 流式响应）\r\n */\r\nexport class MarkdownStreamRenderer {\r\n  private renderer: MarkdownRenderer\r\n  private buffer: string = ''\r\n  private config: MarkdownStreamConfig\r\n\r\n  constructor(config: MarkdownStreamConfig = {}) {\r\n    this.config = config\r\n    this.renderer = new MarkdownRenderer(config)\r\n  }\r\n\r\n  /**\r\n   * 追加文本并渲染\r\n   */\r\n  append(text: string): string {\r\n    this.buffer += text\r\n    const html = this.renderer.render(this.buffer)\r\n\r\n    if (this.config.onUpdate) {\r\n      this.config.onUpdate(html)\r\n    }\r\n\r\n    return html\r\n  }\r\n\r\n  /**\r\n   * 完成渲染\r\n   */\r\n  complete(): string {\r\n    const html = this.renderer.render(this.buffer)\r\n\r\n    if (this.config.onComplete) {\r\n      this.config.onComplete(html)\r\n    }\r\n\r\n    return html\r\n  }\r\n\r\n  /**\r\n   * 重置渲染器\r\n   */\r\n  reset(): void {\r\n    this.buffer = ''\r\n  }\r\n}\r\n\r\n/**\r\n * 创建流式渲染器实例\r\n */\r\nexport function createMarkdownRenderer(\r\n  config?: MarkdownStreamConfig\r\n): MarkdownStreamRenderer {\r\n  return new MarkdownStreamRenderer(config)\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"markdown.js","sources":["../../src/markdown.ts"],"sourcesContent":["import { marked, Marked } from 'marked';\r\nimport { markedHighlight } from 'marked-highlight';\r\nimport hljs from 'highlight.js';\r\nimport katex from 'katex';\r\nimport { copyToClipboard, isDom } from './helper';\r\n\r\n/**\r\n * 代码主题类型\r\n */\r\nexport type CodeTheme = 'dark' | 'light';\r\n\r\n/**\r\n * createMarkdownRender 函数配置\r\n */\r\nexport interface CreateMarkdownRenderConfig {\r\n  /** 代码块工具栏是否启用（默认 true） */\r\n  codeBoxToolEnable?: boolean;\r\n  /** 是否启用 KaTeX 公式支持（默认 true） */\r\n  katexEnable?: boolean;\r\n  /** KaTeX 配置选项 */\r\n  katexOptions?: katex.KatexOptions;\r\n}\r\n\r\n/**\r\n * 代码块工具栏事件配置\r\n */\r\nexport interface CodeBoxEventsConfig {\r\n  /** 复制成功回调 */\r\n  onCopySuccess?: (text: string) => void;\r\n  /** 复制失败回调 */\r\n  onCopyError?: (error: Error) => void;\r\n  /** 主题切换回调 */\r\n  onThemeChange?: (theme: CodeTheme) => void;\r\n}\r\n\r\n/**\r\n * 从 localStorage 获取代码主题\r\n */\r\nexport function getMarkdownCodeTheme(): CodeTheme {\r\n  if (typeof window === 'undefined') return 'dark';\r\n  return (localStorage.getItem('LxUIMdCodeTheme') as CodeTheme) || 'dark';\r\n}\r\n\r\n/**\r\n * 设置代码主题到 localStorage\r\n */\r\nexport function setMarkdownCodeTheme(theme: CodeTheme): void {\r\n  if (typeof window === 'undefined') return;\r\n  localStorage.setItem('LxUIMdCodeTheme', theme);\r\n}\r\n\r\n/**\r\n * 切换代码主题\r\n *\r\n * @returns 新主题\r\n *\r\n * @example\r\n * ```typescript\r\n * import { toggleMarkdownCodeTheme } from '@will1123/lx-ui-utils'\r\n *\r\n * // 切换主题\r\n * const newTheme = toggleMarkdownCodeTheme()\r\n * // 注意：此函数只切换 localStorage 中的主题，不会更新 DOM\r\n * // 如需更新 DOM，请配合 updateMarkdownCodeBlocksTheme\r\n * ```\r\n */\r\nexport function toggleMarkdownCodeTheme(): CodeTheme {\r\n  const currentTheme = getMarkdownCodeTheme();\r\n  const newTheme = currentTheme === 'dark' ? 'light' : 'dark';\r\n  setMarkdownCodeTheme(newTheme);\r\n  return newTheme;\r\n}\r\n\r\n/**\r\n * 更新 DOM 中所有代码块的主题\r\n *\r\n * @param themeOrContainer - 主题或容器元素（字符串表示主题，DOM 元素表示容器）\r\n * @param theme - 主题（当第一个参数是容器时使用）\r\n *\r\n * @example\r\n * ```typescript\r\n * import { updateMarkdownCodeBlocksTheme } from '@will1123/lx-ui-utils'\r\n *\r\n * // 方式 1：只传主题（更新 document.body 中的所有代码块）\r\n * updateMarkdownCodeBlocksTheme('dark')\r\n *\r\n * // 方式 2：传容器和主题\r\n * const container = document.querySelector('#markdown-container')\r\n * updateMarkdownCodeBlocksTheme(container, 'light')\r\n * ```\r\n */\r\nexport function updateMarkdownCodeBlocksTheme(\r\n  themeOrContainer: CodeTheme | HTMLElement | Document,\r\n  theme?: CodeTheme\r\n): void {\r\n  if (typeof window === 'undefined') return;\r\n\r\n  // 解析参数\r\n  let actualTheme: CodeTheme;\r\n  let container: HTMLElement | Document = document.body;\r\n\r\n  if (typeof themeOrContainer === 'string') {\r\n    // 第一个参数是 theme\r\n    actualTheme = themeOrContainer;\r\n  } else {\r\n    // 第一个参数是 container\r\n    container = themeOrContainer;\r\n    actualTheme = theme as CodeTheme;\r\n  }\r\n\r\n  const codeBoxes = container.querySelectorAll('.lx-ui-code-box');\r\n  codeBoxes.forEach(box => {\r\n    (box as HTMLElement).setAttribute('data-theme', actualTheme);\r\n  });\r\n}\r\n\r\n/**\r\n * 创建配置好的 Marked 实例\r\n */\r\nexport function createMarkdownRender(\r\n  createConfig: CreateMarkdownRenderConfig = {}\r\n) {\r\n  const {\r\n    codeBoxToolEnable = true,\r\n    katexEnable = true,\r\n    katexOptions\r\n  } = createConfig;\r\n\r\n  const markedRenderer = new marked.Renderer();\r\n\r\n  // 重写链接渲染器 - 自动添加 target=\"_blank\"\r\n  const originalLinkRenderer = markedRenderer.link;\r\n  markedRenderer.link = (...arg) => {\r\n    const html = originalLinkRenderer.call(markedRenderer, ...arg);\r\n    return html.replace(/^<a /, '<a target=\"_blank\" ');\r\n  };\r\n\r\n  // 重写表格渲染器 - 包装在可滚动容器中\r\n  const originalTableRenderer = markedRenderer.table;\r\n  markedRenderer.table = (...arg) => {\r\n    const html = originalTableRenderer.call(markedRenderer, ...arg);\r\n    return `<div class=\"lx-ui-table-wrapper\"><div class=\"lx-ui-table-box\">${html}</div></div>`;\r\n  };\r\n\r\n  // 重写代码块渲染器 - 添加自定义样式和主题\r\n  const originalCodeRenderer = markedRenderer.code;\r\n  markedRenderer.code = token => {\r\n    const html = originalCodeRenderer.call(markedRenderer, token);\r\n    const theme = getMarkdownCodeTheme();\r\n    const lang = token?.lang || '';\r\n\r\n    // 代码块工具栏 HTML（启用工具栏）\r\n    const codeBoxToolEnableHtml = `<div class=\"lx-ui-code-box-header\">\r\n      <div class=\"lx-ui-code-box-header-left\">\r\n        <span class=\"lx-ui-code-language\">${lang}</span>\r\n      </div>\r\n      <div class=\"lx-ui-code-box-header-right\">\r\n        <i class=\"lx-ui-code-box-header-copy lx-ui-icon-copy\" title=\"复制\">复制</i>\r\n        <i class=\"lx-ui-code-box-header-theme lx-ui-icon-theme\" title=\"切换主题\">切换主题</i>\r\n      </div>\r\n    </div>`;\r\n\r\n    // 代码块工具栏 HTML（禁用工具栏）\r\n    const codeBoxToolDisableHtml = `<div class=\"lx-ui-code-box-header\">\r\n      <div class=\"lx-ui-code-box-header-left\">\r\n        <span class=\"lx-ui-code-language\">${lang}</span>\r\n      </div>\r\n    </div>`;\r\n\r\n    return `<div class=\"lx-ui-code-box-wrapper\">\r\n      <div class=\"lx-ui-code-box\" data-theme=\"${theme}\">\r\n        ${codeBoxToolEnable ? codeBoxToolEnableHtml : codeBoxToolDisableHtml}\r\n        <div class=\"lx-ui-code-box-content\">\r\n          ${html}\r\n        </div>\r\n      </div>\r\n    </div>`;\r\n  };\r\n\r\n  // 创建 Marked 实例并配置语法高亮\r\n  const markdownRender = new Marked(\r\n    markedHighlight({\r\n      langPrefix: 'hljs language-',\r\n      highlight(code, lang) {\r\n        const language = hljs.getLanguage(lang) ? lang : 'plaintext';\r\n        return hljs.highlight(code, { language }).value;\r\n      }\r\n    })\r\n  );\r\n\r\n  // 设置渲染器选项\r\n  markdownRender.setOptions({\r\n    renderer: markedRenderer\r\n  });\r\n\r\n  // 如果启用了 KaTeX，注册 KaTeX 扩展\r\n  if (katexEnable) {\r\n    markdownRender.use(createKatexExtension(katexOptions));\r\n  }\r\n\r\n  return markdownRender;\r\n}\r\n\r\n/**\r\n * 创建 KaTeX Marked 扩展\r\n * @param katexOptions - KaTeX 配置选项\r\n * @returns Marked 扩展对象\r\n */\r\nfunction createKatexExtension(katexOptions?: katex.KatexOptions) {\r\n  return {\r\n    extensions: [\r\n      {\r\n        name: 'blockMath',\r\n        level: 'block' as const,\r\n        start(src: string) {\r\n          return src.indexOf('$$');\r\n        },\r\n        tokenizer(src: string) {\r\n          const match = src.match(/^\\$\\$([\\s\\S]*?)\\$\\$(?:\\n|$)/);\r\n          if (match) {\r\n            try {\r\n              const formula = match[1].trim();\r\n              const html = katex.renderToString(formula, {\r\n                displayMode: true,\r\n                throwOnError: false,\r\n                ...katexOptions\r\n              });\r\n              return {\r\n                type: 'blockMath',\r\n                raw: match[0],\r\n                html: `<div class=\"lx-ui-katex-block\">${html}</div>`\r\n              };\r\n            } catch (e) {\r\n              console.error('块级公式渲染错误:', e);\r\n              return {\r\n                type: 'blockMath',\r\n                raw: match[0],\r\n                html: match[0]\r\n              };\r\n            }\r\n          }\r\n        },\r\n        renderer(token: any) {\r\n          return token.html || '';\r\n        }\r\n      },\r\n      {\r\n        name: 'inlineMath',\r\n        level: 'inline' as const,\r\n        start(src: string) {\r\n          return src.indexOf('$');\r\n        },\r\n        tokenizer(src: string) {\r\n          // 匹配 $...$ 但排除 $$...$$\r\n          const match = src.match(/^\\$(?!\\$)([^\\$\\n]+?)\\$(?!\\$)/);\r\n          if (match) {\r\n            try {\r\n              const formula = match[1].trim();\r\n              const html = katex.renderToString(formula, {\r\n                displayMode: false,\r\n                throwOnError: false,\r\n                ...katexOptions\r\n              });\r\n              return {\r\n                type: 'inlineMath',\r\n                raw: match[0],\r\n                html: `<span class=\"lx-ui-katex-inline\">${html}</span>`\r\n              };\r\n            } catch (e) {\r\n              console.error('行内公式渲染错误:', e);\r\n              return {\r\n                type: 'inlineMath',\r\n                raw: match[0],\r\n                html: match[0]\r\n              };\r\n            }\r\n          }\r\n        },\r\n        renderer(token: any) {\r\n          return token.html || '';\r\n        }\r\n      }\r\n    ]\r\n  };\r\n}\r\n\r\n/**\r\n * 绑定代码块工具栏事件（函数重载）\r\n */\r\nexport function bindMarkdownCodeBoxEvents(): () => void;\r\nexport function bindMarkdownCodeBoxEvents(\r\n  config: CodeBoxEventsConfig\r\n): () => void;\r\nexport function bindMarkdownCodeBoxEvents(\r\n  container: HTMLElement | Document\r\n): () => void;\r\nexport function bindMarkdownCodeBoxEvents(\r\n  container: HTMLElement | Document,\r\n  config: CodeBoxEventsConfig\r\n): () => void;\r\n\r\n/**\r\n * 绑定代码块工具栏事件\r\n * 使用事件委托处理所有代码块的交互\r\n *\r\n * 参数判断逻辑：\r\n * 1. 先判断是否为 DOM 元素（使用 isDom 函数）\r\n * 2. 再判断是否为 config 对象\r\n *\r\n * @param containerOrConfig - 容器元素或配置对象\r\n * @param config - 事件回调配置（当第一个参数是容器时使用）\r\n * @returns 清理函数，调用可解绑事件\r\n *\r\n * @example\r\n * ```typescript\r\n * import { bindMarkdownCodeBoxEvents } from '@will1123/lx-ui-utils'\r\n *\r\n * // 1. 不传参数（默认 document.body）\r\n * const unbind1 = bindMarkdownCodeBoxEvents()\r\n *\r\n * // 2. 只传 config（默认 document.body）\r\n * const unbind2 = bindMarkdownCodeBoxEvents({\r\n *   onCopySuccess: (text) => console.log('已复制:', text)\r\n * })\r\n *\r\n * // 3. 只传 container（使用默认配置）\r\n * const container = document.querySelector('#container')\r\n * const unbind3 = bindMarkdownCodeBoxEvents(container)\r\n *\r\n * // 4. 传 container 和 config\r\n * const unbind4 = bindMarkdownCodeBoxEvents(document.body, {\r\n *   onCopySuccess: (text) => console.log('已复制:', text),\r\n *   onThemeChange: (theme) => console.log('主题切换为:', theme)\r\n * })\r\n *\r\n * // 组件销毁时解绑\r\n * onUnmounted(() => unbind())\r\n * ```\r\n */\r\nexport function bindMarkdownCodeBoxEvents(\r\n  containerOrConfig?: HTMLElement | Document | CodeBoxEventsConfig,\r\n  config?: CodeBoxEventsConfig\r\n): () => void {\r\n  if (typeof window === 'undefined') {\r\n    return () => {};\r\n  }\r\n\r\n  // 解析参数\r\n  let container: HTMLElement | Document = document.body;\r\n  let eventsConfig: CodeBoxEventsConfig = {};\r\n\r\n  // 判断第一个参数的类型：先判断 DOM，再判断 config\r\n  if (containerOrConfig) {\r\n    if (isDom(containerOrConfig)) {\r\n      // 第一个参数是 container\r\n      container = containerOrConfig;\r\n      // 第二个参数可能是 config\r\n      if (config) {\r\n        eventsConfig = config;\r\n      }\r\n    } else {\r\n      // 第一个参数是 config\r\n      eventsConfig = containerOrConfig as CodeBoxEventsConfig;\r\n    }\r\n  }\r\n\r\n  const { onCopySuccess, onCopyError, onThemeChange } = eventsConfig;\r\n\r\n  /**\r\n   * 点击事件处理函数\r\n   */\r\n  const clickHandler = async (e: Event) => {\r\n    const target = e.target as HTMLElement;\r\n\r\n    // 处理复制按钮\r\n    const copyButton = target.closest('.lx-ui-icon-copy') as HTMLElement;\r\n    if (copyButton) {\r\n      const codeBox = copyButton.closest('.lx-ui-code-box') as HTMLElement;\r\n      const codeElement = codeBox?.querySelector('.lx-ui-code-box-content');\r\n\r\n      if (codeElement) {\r\n        const text = codeElement.textContent || '';\r\n        const success = await copyToClipboard(text);\r\n\r\n        if (success) {\r\n          onCopySuccess?.(text);\r\n        } else {\r\n          onCopyError?.(new Error('复制失败'));\r\n        }\r\n      }\r\n\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      return;\r\n    }\r\n\r\n    // 处理主题切换按钮\r\n    const themeButton = target.closest('.lx-ui-icon-theme') as HTMLElement;\r\n    if (themeButton) {\r\n      // 1. 切换 localStorage 中的主题\r\n      const newTheme = toggleMarkdownCodeTheme();\r\n\r\n      // 2. 更新指定容器内所有代码块的 data-theme\r\n      updateMarkdownCodeBlocksTheme(newTheme);\r\n\r\n      // 3. 触发回调\r\n      onThemeChange?.(newTheme);\r\n\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      return;\r\n    }\r\n  };\r\n\r\n  // 绑定事件\r\n  container.addEventListener('click', clickHandler);\r\n\r\n  // 返回清理函数\r\n  return () => {\r\n    container.removeEventListener('click', clickHandler);\r\n  };\r\n}\r\n"],"names":["marked","Marked","markedHighlight","isDom","copyToClipboard"],"mappings":"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"}