@will1123/lx-ui-utils 1.0.5 → 1.0.7

package/dist/lib/markdown.js

@@ -65,12 +65,12 @@ function updateMarkdownCodeBlocksTheme(themeOrContainer, theme) {
     container = themeOrContainer;
     actualTheme = theme;
   }
-  const codeBoxes = container.querySelectorAll(".lx-ui-code-box");
+  const codeBoxes = container.querySelectorAll(".lx-chat-markdown__code-box");
   codeBoxes.forEach((box) => {
     box.setAttribute("data-theme", actualTheme);
   });
 }
-function createMarkdownRender(createConfig = {}) {
+function createMarkdownParser(createConfig = {}) {
   const {
     codeBoxToolEnable = true,
     katexEnable = true,
@@ -85,37 +85,37 @@ function createMarkdownRender(createConfig = {}) {
   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>`;
+    return `<div class="lx-chat-markdown__table-wrapper"><div class="lx-chat-markdown__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>
+    const codeBoxToolEnableHtml = `<div class="lx-chat-markdown__code-box-header">
+      <div class="lx-chat-markdown__code-box-header-left">
+        <span class="lx-chat-markdown__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 class="lx-chat-markdown__code-box-header-right">
+        <i class="lx-icon-fuzhi lx-chat-markdown__icon-copy" title="复制"></i>
+        <i class="lx-icon-taiyang lx-chat-markdown__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>
+    const codeBoxToolDisableHtml = `<div class="lx-chat-markdown__code-box-header">
+      <div class="lx-chat-markdown__code-box-header-left">
+        <span class="lx-chat-markdown__code-language">${lang}</span>
       </div>
     </div>`;
-    return `<div class="lx-ui-code-box-wrapper">
-      <div class="lx-ui-code-box" data-theme="${theme}">
+    return `<div class="lx-chat-markdown__code-box-wrapper">
+      <div class="lx-chat-markdown__code-box" data-theme="${theme}">
         ${codeBoxToolEnable ? codeBoxToolEnableHtml : codeBoxToolDisableHtml}
-        <div class="lx-ui-code-box-content">
+        <div class="lx-chat-markdown__code-box-content">
           ${html}
         </div>
       </div>
     </div>`;
   };
-  const markdownRender = new marked.Marked(
+  const markdownParser = new marked.Marked(
     markedHighlight.markedHighlight({
       langPrefix: "hljs language-",
       highlight(code, lang) {
@@ -124,13 +124,13 @@ function createMarkdownRender(createConfig = {}) {
       }
     })
   );
-  markdownRender.setOptions({
+  markdownParser.setOptions({
     renderer: markedRenderer
   });
   if (katexEnable) {
-    markdownRender.use(createKatexExtension(katexOptions));
+    markdownParser.use(createKatexExtension(katexOptions));
   }
-  return markdownRender;
+  return markdownParser;
 }
 function createKatexExtension(katexOptions) {
   return {
@@ -153,7 +153,7 @@ function createKatexExtension(katexOptions) {
               return {
                 type: "blockMath",
                 raw: match[0],
-                html: `<div class="lx-ui-katex-block">${html}</div>`
+                html: `<div class="lx-chat-markdown__katex-block">${html}</div>`
               };
             } catch (e) {
               console.error("块级公式渲染错误:", e);
@@ -187,7 +187,7 @@ function createKatexExtension(katexOptions) {
               return {
                 type: "inlineMath",
                 raw: match[0],
-                html: `<span class="lx-ui-katex-inline">${html}</span>`
+                html: `<span class="lx-chat-markdown__katex-inline">${html}</span>`
               };
             } catch (e) {
               console.error("行内公式渲染错误:", e);
@@ -226,10 +226,10 @@ function bindMarkdownCodeBoxEvents(containerOrConfig, config) {
   const { onCopySuccess, onCopyError, onThemeChange } = eventsConfig;
   const clickHandler = (e) => __async(this, null, function* () {
     const target = e.target;
-    const copyButton = target.closest(".lx-ui-icon-copy");
+    const copyButton = target.closest(".lx-chat-markdown__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");
+      const codeBox = copyButton.closest(".lx-chat-markdown__code-box");
+      const codeElement = codeBox == null ? void 0 : codeBox.querySelector(".lx-chat-markdown__code-box-content");
       if (codeElement) {
         const text = (codeElement.textContent || "").trim();
         const success = yield helper.copyToClipboard(text);
@@ -243,7 +243,7 @@ function bindMarkdownCodeBoxEvents(containerOrConfig, config) {
       e.preventDefault();
       return;
     }
-    const themeButton = target.closest(".lx-ui-icon-theme");
+    const themeButton = target.closest(".lx-chat-markdown__icon-theme");
     if (themeButton) {
       const newTheme = toggleMarkdownCodeTheme();
       updateMarkdownCodeBlocksTheme(newTheme);
@@ -259,7 +259,7 @@ function bindMarkdownCodeBoxEvents(containerOrConfig, config) {
   };
 }
 exports.bindMarkdownCodeBoxEvents = bindMarkdownCodeBoxEvents;
-exports.createMarkdownRender = createMarkdownRender;
+exports.createMarkdownParser = createMarkdownParser;
 exports.getMarkdownCodeTheme = getMarkdownCodeTheme;
 exports.setMarkdownCodeTheme = setMarkdownCodeTheme;
 exports.toggleMarkdownCodeTheme = toggleMarkdownCodeTheme;

package/dist/lib/markdown.js.map

@@ -1 +1 @@
-{"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 || '').trim();\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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"}
+{"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 * createMarkdownParser 函数配置\r\n */\r\nexport interface CreateMarkdownParserConfig {\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-chat-markdown__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 createMarkdownParser(\r\n  createConfig: CreateMarkdownParserConfig = {}\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-chat-markdown__table-wrapper\"><div class=\"lx-chat-markdown__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-chat-markdown__code-box-header\">\r\n      <div class=\"lx-chat-markdown__code-box-header-left\">\r\n        <span class=\"lx-chat-markdown__code-language\">${lang}</span>\r\n      </div>\r\n      <div class=\"lx-chat-markdown__code-box-header-right\">\r\n        <i class=\"lx-icon-fuzhi lx-chat-markdown__icon-copy\" title=\"复制\"></i>\r\n        <i class=\"lx-icon-taiyang lx-chat-markdown__icon-theme\" title=\"切换主题\"></i>\r\n      </div>\r\n    </div>`;\r\n\r\n    // 代码块工具栏 HTML（禁用工具栏）\r\n    const codeBoxToolDisableHtml = `<div class=\"lx-chat-markdown__code-box-header\">\r\n      <div class=\"lx-chat-markdown__code-box-header-left\">\r\n        <span class=\"lx-chat-markdown__code-language\">${lang}</span>\r\n      </div>\r\n    </div>`;\r\n\r\n    return `<div class=\"lx-chat-markdown__code-box-wrapper\">\r\n      <div class=\"lx-chat-markdown__code-box\" data-theme=\"${theme}\">\r\n        ${codeBoxToolEnable ? codeBoxToolEnableHtml : codeBoxToolDisableHtml}\r\n        <div class=\"lx-chat-markdown__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 markdownParser = 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  markdownParser.setOptions({\r\n    renderer: markedRenderer\r\n  });\r\n\r\n  // 如果启用了 KaTeX，注册 KaTeX 扩展\r\n  if (katexEnable) {\r\n    markdownParser.use(createKatexExtension(katexOptions));\r\n  }\r\n\r\n  return markdownParser;\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-chat-markdown__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-chat-markdown__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-chat-markdown__icon-copy') as HTMLElement;\r\n    if (copyButton) {\r\n      const codeBox = copyButton.closest('.lx-chat-markdown__code-box') as HTMLElement;\r\n      const codeElement = codeBox?.querySelector('.lx-chat-markdown__code-box-content');\r\n\r\n      if (codeElement) {\r\n        const text = (codeElement.textContent || '').trim();\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-chat-markdown__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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"}

package/dist/lib/message-config.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const markdown = require("./markdown.js");
+function getBaseMessageOption() {
+  return {
+    // 用户问题字段名
+    questionKey: "question",
+    // 思考过程文本字段名
+    thinkingKey: "thinking",
+    // 正文文本字段名
+    answerKey: "answer",
+    // 异常信息字段名
+    errorKey: "error",
+    // 推荐问题列表字段名
+    recommendQuestionKey: "recommand_question",
+    // 是否显示思考过程
+    thinkingEnable: true,
+    // 正文文本是否渲染为HTML
+    answerRenderHtmlEnable: true,
+    // 回复过程中是否显示加载中图标
+    answerLoadingEnable: true,
+    // 图表字段名
+    chartKey: "chart",
+    // 是否显示图表
+    chartEnable: true,
+    // 是否显示图表工具栏
+    chartToolBarEnable: true,
+    // SQL字段名
+    sqlKey: "sql",
+    // 图表配色
+    chartColors: [
+      "#2EC7C9",
+      "#165dff",
+      "#5AB1EF",
+      "#B6A2DE",
+      "#FFB980",
+      "#D87A80",
+      "#001852"
+    ],
+    // 是否自定义设置图表 options
+    customSetChartOptions: null,
+    // 是否自定义设置图表 - 表格渲染数据
+    customSetChartTableColumns: null,
+    // 自定义表格类名
+    chartTableClassName: "",
+    // 是否显示推荐问题列表
+    recommendQuestionEnable: true,
+    // 消息底部的工具栏是否显示
+    messageToolbarEnable: true,
+    // 是否允许消息反馈
+    feedbackEnable: true,
+    // 是否允许自定义消息反馈
+    customFeedbackEnable: true,
+    // 自定义消息反馈 - 点赞可选项
+    customFeedbackLikeOptions: [
+      { label: "内容准确", value: "内容准确" },
+      { label: "易于理解", value: "易于理解" },
+      { label: "内容完善", value: "内容完善" }
+    ],
+    // 自定义消息反馈 - 点踩可选项
+    customFeedbackDisLikeOptions: [
+      { label: "有害/不安全", value: "有害/不安全" },
+      { label: "信息虚假", value: "信息虚假" },
+      { label: "没有帮助", value: "没有帮助" },
+      { label: "隐私相关", value: "隐私相关" }
+    ],
+    // 用户头像
+    userAvatar: "",
+    // 大模型回复头像
+    assistantAvatar: "",
+    // 是否显示头像
+    avatarEnable: true,
+    // markdown 解析器
+    markdownParser: markdown.createMarkdownParser({
+      katexEnable: true,
+      codeBoxToolEnable: true
+    })
+  };
+}
+exports.getBaseMessageOption = getBaseMessageOption;
+//# sourceMappingURL=message-config.js.map

package/dist/lib/message-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-config.js","sources":["../../src/message-config.ts"],"sourcesContent":["import { createMarkdownParser } from './markdown';\r\n\r\n/**\r\n * 获取消息基础配置\r\n * 用于 chat-message-list 及其子组件的 inject 默认值\r\n *\r\n * @returns 消息配置对象\r\n *\r\n * @example\r\n * ```typescript\r\n * import { getBaseMessageOption } from '@will1123/lx-ui-utils/message-config'\r\n *\r\n * const option = getBaseMessageOption()\r\n * console.log(option.questionKey) // 'question'\r\n * ```\r\n */\r\nexport function getBaseMessageOption() {\r\n  return {\r\n    // 用户问题字段名\r\n    questionKey: 'question',\r\n    // 思考过程文本字段名\r\n    thinkingKey: 'thinking',\r\n    // 正文文本字段名\r\n    answerKey: 'answer',\r\n    // 异常信息字段名\r\n    errorKey: 'error',\r\n    // 推荐问题列表字段名\r\n    recommendQuestionKey: 'recommand_question',\r\n    // 是否显示思考过程\r\n    thinkingEnable: true,\r\n    // 正文文本是否渲染为HTML\r\n    answerRenderHtmlEnable: true,\r\n    // 回复过程中是否显示加载中图标\r\n    answerLoadingEnable: true,\r\n    // 图表字段名\r\n    chartKey: 'chart',\r\n    // 是否显示图表\r\n    chartEnable: true,\r\n    // 是否显示图表工具栏\r\n    chartToolBarEnable: true,\r\n    // SQL字段名\r\n    sqlKey: 'sql',\r\n    // 图表配色\r\n    chartColors: [\r\n      '#2EC7C9',\r\n      '#165dff',\r\n      '#5AB1EF',\r\n      '#B6A2DE',\r\n      '#FFB980',\r\n      '#D87A80',\r\n      '#001852'\r\n    ],\r\n    // 是否自定义设置图表 options\r\n    customSetChartOptions: null,\r\n    // 是否自定义设置图表 - 表格渲染数据\r\n    customSetChartTableColumns: null,\r\n    // 自定义表格类名\r\n    chartTableClassName: '',\r\n    // 是否显示推荐问题列表\r\n    recommendQuestionEnable: true,\r\n    // 消息底部的工具栏是否显示\r\n    messageToolbarEnable: true,\r\n    // 是否允许消息反馈\r\n    feedbackEnable: true,\r\n    // 是否允许自定义消息反馈\r\n    customFeedbackEnable: true,\r\n    // 自定义消息反馈 - 点赞可选项\r\n    customFeedbackLikeOptions: [\r\n      { label: '内容准确', value: '内容准确' },\r\n      { label: '易于理解', value: '易于理解' },\r\n      { label: '内容完善', value: '内容完善' }\r\n    ],\r\n    // 自定义消息反馈 - 点踩可选项\r\n    customFeedbackDisLikeOptions: [\r\n      { label: '有害/不安全', value: '有害/不安全' },\r\n      { label: '信息虚假', value: '信息虚假' },\r\n      { label: '没有帮助', value: '没有帮助' },\r\n      { label: '隐私相关', value: '隐私相关' }\r\n    ],\r\n    // 用户头像\r\n    userAvatar: '',\r\n    // 大模型回复头像\r\n    assistantAvatar: '',\r\n    // 是否显示头像\r\n    avatarEnable: true,\r\n    // markdown 解析器\r\n    markdownParser: createMarkdownParser({\r\n      katexEnable: true,\r\n      codeBoxToolEnable: true\r\n    })\r\n  };\r\n}\r\n"],"names":["createMarkdownParser"],"mappings":";;;AAgBO,SAAS,uBAAuB;AACrC,SAAO;AAAA;AAAA,IAEL,aAAa;AAAA;AAAA,IAEb,aAAa;AAAA;AAAA,IAEb,WAAW;AAAA;AAAA,IAEX,UAAU;AAAA;AAAA,IAEV,sBAAsB;AAAA;AAAA,IAEtB,gBAAgB;AAAA;AAAA,IAEhB,wBAAwB;AAAA;AAAA,IAExB,qBAAqB;AAAA;AAAA,IAErB,UAAU;AAAA;AAAA,IAEV,aAAa;AAAA;AAAA,IAEb,oBAAoB;AAAA;AAAA,IAEpB,QAAQ;AAAA;AAAA,IAER,aAAa;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA;AAAA,IAGF,uBAAuB;AAAA;AAAA,IAEvB,4BAA4B;AAAA;AAAA,IAE5B,qBAAqB;AAAA;AAAA,IAErB,yBAAyB;AAAA;AAAA,IAEzB,sBAAsB;AAAA;AAAA,IAEtB,gBAAgB;AAAA;AAAA,IAEhB,sBAAsB;AAAA;AAAA,IAEtB,2BAA2B;AAAA,MACzB,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,MACxB,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,MACxB,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,IAAO;AAAA;AAAA,IAGjC,8BAA8B;AAAA,MAC5B,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,MAC1B,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,MACxB,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,MACxB,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,IAAO;AAAA;AAAA,IAGjC,YAAY;AAAA;AAAA,IAEZ,iBAAiB;AAAA;AAAA,IAEjB,cAAc;AAAA;AAAA,IAEd,gBAAgBA,SAAAA,qBAAqB;AAAA,MACnC,aAAa;AAAA,MACb,mBAAmB;AAAA,IAAA,CACpB;AAAA,EAAA;AAEL;;"}

package/dist/lib/sse.js

@@ -39,14 +39,22 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const fetchEventSource = require("@microsoft/fetch-event-source");
 function sse(config, handlers) {
   return __async(this, null, function* () {
-    const { url, method = "POST", headers = {}, params, signal, token, openWhenHidden = true } = config;
+    const {
+      url,
+      method = "POST",
+      headers = {},
+      params,
+      signal,
+      token,
+      openWhenHidden = true
+    } = config;
     const requestHeaders = __spreadValues({
       "Content-Type": "application/json;charset=utf-8"
     }, headers);
     if (token) {
       requestHeaders["Authorization"] = token;
     }
-    yield fetchEventSource.fetchEventSource(url, {
+    return fetchEventSource.fetchEventSource(url, {
       method,
       headers: requestHeaders,
       body: JSON.stringify(params),

package/dist/lib/sse.js.map

@@ -1 +1 @@
-{"version":3,"file":"sse.js","sources":["../../src/sse.ts"],"sourcesContent":["import { fetchEventSource, type EventSourceMessage } from '@microsoft/fetch-event-source'\r\n\r\n// 重新导出 EventSourceMessage 类型\r\nexport type { EventSourceMessage }\r\n\r\n/**\r\n * SSE 请求配置\r\n */\r\nexport interface SSEConfig {\r\n  /** 请求 URL */\r\n  url: string\r\n  /** 请求方法（默认 'POST'） */\r\n  method?: 'GET' | 'POST'\r\n  /** 请求头 */\r\n  headers?: Record<string, string>\r\n  /** 请求参数（对象类型） */\r\n  params?: object\r\n  /** AbortController 的 signal（用于取消请求） */\r\n  signal?: AbortSignal\r\n  /** 认证 Token */\r\n  token?: string\r\n  /** 页面隐藏时是否保持连接（默认 true） */\r\n  openWhenHidden?: boolean\r\n}\r\n\r\n/**\r\n * SSE 事件处理器\r\n */\r\nexport interface SSEHandlers {\r\n  /** 连接打开时触发（可验证响应） */\r\n  onOpen?: (response: Response) => void | Promise<void>;\r\n  /** 接收到消息时触发 */\r\n  onMessage?: (message: EventSourceMessage) => void;\r\n  /** 连接关闭时触发 */\r\n  onClose?: () => void;\r\n  /** 发生错误时触发 */\r\n  onError?: (error: Error) => void;\r\n}\r\n\r\n/**\r\n * 发起 SSE 请求\r\n *\r\n * @example\r\n * ```ts\r\n * // 基础用法\r\n * await sse({\r\n *   url: '/api/stream',\r\n *   params: { prompt: 'hello' }\r\n * }, {\r\n *   onMessage(msg) {\r\n *     console.log(msg.data)\r\n *   }\r\n * })\r\n *\r\n * // 使用 Token 认证\r\n * await sse({\r\n *   url: '/api/stream',\r\n *   token: 'Bearer your-token',\r\n *   params: { prompt: 'hello' }\r\n * }, {\r\n *   onOpen(response) {\r\n *     console.log('连接已打开')\r\n *   },\r\n *   onMessage(msg) {\r\n *     console.log(msg.data)\r\n *   },\r\n *   onError(err) {\r\n *     console.error(err)\r\n *   }\r\n * })\r\n * ```\r\n */\r\nexport async function sse(\r\n  config: SSEConfig,\r\n  handlers: SSEHandlers\r\n): Promise<void> {\r\n  const { url, method = 'POST', headers = {}, params, signal, token, openWhenHidden = true } = config;\r\n\r\n  // 构建请求头，自动添加 Authorization\r\n  const requestHeaders: Record<string, string> = {\r\n    'Content-Type': 'application/json;charset=utf-8',\r\n    ...headers\r\n  };\r\n\r\n  if (token) {\r\n    requestHeaders['Authorization'] = token;\r\n  }\r\n\r\n  await fetchEventSource(url, {\r\n    method,\r\n    headers: requestHeaders,\r\n    body: JSON.stringify(params),\r\n    signal,\r\n    openWhenHidden,\r\n\r\n    async onopen(response) {\r\n      await handlers.onOpen?.(response);\r\n    },\r\n\r\n    onmessage(msg) {\r\n      handlers.onMessage?.(msg);\r\n    },\r\n\r\n    onclose() {\r\n      handlers.onClose?.();\r\n    },\r\n\r\n    onerror(err) {\r\n      handlers.onError?.(err);\r\n      throw err;\r\n    }\r\n  });\r\n}\r\n"],"names":["fetchEventSource","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA,SAAsB,IACpB,QACA,UACe;AAAA;AACf,UAAM,EAAE,KAAK,SAAS,QAAQ,UAAU,CAAA,GAAI,QAAQ,QAAQ,OAAO,iBAAiB,KAAA,IAAS;AAG7F,UAAM,iBAAyC;AAAA,MAC7C,gBAAgB;AAAA,OACb;AAGL,QAAI,OAAO;AACT,qBAAe,eAAe,IAAI;AAAA,IACpC;AAEA,UAAMA,iBAAAA,iBAAiB,KAAK;AAAA,MAC1B;AAAA,MACA,SAAS;AAAA,MACT,MAAM,KAAK,UAAU,MAAM;AAAA,MAC3B;AAAA,MACA;AAAA,MAEM,OAAO,UAAU;AAAA;;AACrB,iBAAMC,MAAA,SAAS,WAAT,gBAAAA,IAAA,eAAkB;AAAA,QAC1B;AAAA;AAAA,MAEA,UAAU,KAAK;;AACb,SAAAA,MAAA,SAAS,cAAT,gBAAAA,IAAA,eAAqB;AAAA,MACvB;AAAA,MAEA,UAAU;;AACR,SAAAA,MAAA,SAAS,YAAT,gBAAAA,IAAA;AAAA,MACF;AAAA,MAEA,QAAQ,KAAK;;AACX,SAAAA,MAAA,SAAS,YAAT,gBAAAA,IAAA,eAAmB;AACnB,cAAM;AAAA,MACR;AAAA,IAAA,CACD;AAAA,EACH;AAAA;;"}
+{"version":3,"file":"sse.js","sources":["../../src/sse.ts"],"sourcesContent":["import {\r\n  fetchEventSource,\r\n  type EventSourceMessage\r\n} from '@microsoft/fetch-event-source';\r\n\r\n// 重新导出 EventSourceMessage 类型\r\nexport type { EventSourceMessage };\r\n\r\n/**\r\n * SSE 请求配置\r\n */\r\nexport interface SSEConfig {\r\n  /** 请求 URL */\r\n  url: string;\r\n  /** 请求方法（默认 'POST'） */\r\n  method?: 'GET' | 'POST';\r\n  /** 请求头 */\r\n  headers?: Record<string, string>;\r\n  /** 请求参数（对象类型） */\r\n  params?: object;\r\n  /** AbortController 的 signal（用于取消请求） */\r\n  signal?: AbortSignal;\r\n  /** 认证 Token */\r\n  token?: string;\r\n  /** 页面隐藏时是否保持连接（默认 true） */\r\n  openWhenHidden?: boolean;\r\n}\r\n\r\n/**\r\n * SSE 事件处理器\r\n */\r\nexport interface SSEHandlers {\r\n  /** 连接打开时触发（可验证响应） */\r\n  onOpen?: (response: Response) => void | Promise<void>;\r\n  /** 接收到消息时触发 */\r\n  onMessage?: (message: EventSourceMessage) => void;\r\n  /** 连接关闭时触发 */\r\n  onClose?: () => void;\r\n  /** 发生错误时触发 */\r\n  onError?: (error: Error) => void;\r\n}\r\n\r\n/**\r\n * 发起 SSE 请求\r\n *\r\n * @example\r\n * ```ts\r\n * // 基础用法\r\n * await sse({\r\n *   url: '/api/stream',\r\n *   params: { prompt: 'hello' }\r\n * }, {\r\n *   onMessage(msg) {\r\n *     console.log(msg.data)\r\n *   }\r\n * })\r\n *\r\n * // 使用 Token 认证\r\n * await sse({\r\n *   url: '/api/stream',\r\n *   token: 'Bearer your-token',\r\n *   params: { prompt: 'hello' }\r\n * }, {\r\n *   onOpen(response) {\r\n *     console.log('连接已打开')\r\n *   },\r\n *   onMessage(msg) {\r\n *     console.log(msg.data)\r\n *   },\r\n *   onError(err) {\r\n *     console.error(err)\r\n *   }\r\n * })\r\n * ```\r\n */\r\nexport async function sse(\r\n  config: SSEConfig,\r\n  handlers: SSEHandlers\r\n): Promise<void> {\r\n  const {\r\n    url,\r\n    method = 'POST',\r\n    headers = {},\r\n    params,\r\n    signal,\r\n    token,\r\n    openWhenHidden = true\r\n  } = config;\r\n\r\n  // 构建请求头，自动添加 Authorization\r\n  const requestHeaders: Record<string, string> = {\r\n    'Content-Type': 'application/json;charset=utf-8',\r\n    ...headers\r\n  };\r\n\r\n  if (token) {\r\n    requestHeaders['Authorization'] = token;\r\n  }\r\n\r\n  return fetchEventSource(url, {\r\n    method,\r\n    headers: requestHeaders,\r\n    body: JSON.stringify(params),\r\n    signal,\r\n    openWhenHidden,\r\n\r\n    async onopen(response) {\r\n      await handlers.onOpen?.(response);\r\n    },\r\n\r\n    onmessage(msg) {\r\n      handlers.onMessage?.(msg);\r\n    },\r\n\r\n    onclose() {\r\n      handlers.onClose?.();\r\n    },\r\n\r\n    onerror(err) {\r\n      handlers.onError?.(err);\r\n      throw err;\r\n    }\r\n  });\r\n}\r\n"],"names":["fetchEventSource","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,SAAsB,IACpB,QACA,UACe;AAAA;AACf,UAAM;AAAA,MACJ;AAAA,MACA,SAAS;AAAA,MACT,UAAU,CAAA;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAiB;AAAA,IAAA,IACf;AAGJ,UAAM,iBAAyC;AAAA,MAC7C,gBAAgB;AAAA,OACb;AAGL,QAAI,OAAO;AACT,qBAAe,eAAe,IAAI;AAAA,IACpC;AAEA,WAAOA,iBAAAA,iBAAiB,KAAK;AAAA,MAC3B;AAAA,MACA,SAAS;AAAA,MACT,MAAM,KAAK,UAAU,MAAM;AAAA,MAC3B;AAAA,MACA;AAAA,MAEM,OAAO,UAAU;AAAA;;AACrB,iBAAMC,MAAA,SAAS,WAAT,gBAAAA,IAAA,eAAkB;AAAA,QAC1B;AAAA;AAAA,MAEA,UAAU,KAAK;;AACb,SAAAA,MAAA,SAAS,cAAT,gBAAAA,IAAA,eAAqB;AAAA,MACvB;AAAA,MAEA,UAAU;;AACR,SAAAA,MAAA,SAAS,YAAT,gBAAAA,IAAA;AAAA,MACF;AAAA,MAEA,QAAQ,KAAK;;AACX,SAAAA,MAAA,SAAS,YAAT,gBAAAA,IAAA,eAAmB;AACnB,cAAM;AAAA,MACR;AAAA,IAAA,CACD;AAAA,EACH;AAAA;;"}

package/dist/types/helper.d.ts

@@ -1,3 +1,96 @@
+/**
+ * 生成唯一 ID
+ *
+ * 基于 UUID v4 生成唯一标识符
+ *
+ * @returns 唯一 ID 字符串（格式：xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx）
+ *
+ * @example
+ * ```typescript
+ * import { generateUniqueId } from '@will1123/lx-ui-utils'
+ *
+ * // 生成唯一 ID
+ * const id = generateUniqueId()
+ * console.log(id) // 输出：'550e8400-e29b-41d4-a716-446655440000'
+ *
+ * // 用于生成唯一 key
+ * const items = [1, 2, 3].map(item => ({
+ *   id: generateUniqueId(),
+ *   data: item
+ * }))
+ *
+ * // 用于生成临时标识
+ * const tempId = generateUniqueId()
+ * ```
+ */
+export declare function generateUniqueId(): string;
+/**
+ * 保存文件到本地
+ *
+ * 基于 file-saver 实现文件保存功能，支持多种数据类型
+ *
+ * @param data - 要保存的数据，支持 Blob、File
+ * @param filename - 文件名
+ *
+ * @example
+ * ```typescript
+ * import { saveAs } from '@will1123/lx-ui-utils'
+ *
+ * // 保存 Blob
+ * const blob = new Blob(['Hello'], { type: 'text/plain;charset=utf-8' })
+ * saveAs(blob, 'greeting.txt')
+ *
+ * // 保存文件（File 对象）
+ * saveAs(file, 'backup.txt')
+ *
+ * // 不指定文件名（使用默认）
+ * saveAs(blob)
+ * ```
+ */
+export declare function saveAs(data: Blob | File, filename?: string): void;
+/**
+ * 生成 Excel 文件
+ *
+ * 基于 xlsx 库实现 Excel 文件生成功能，支持自定义列名和工作表名称
+ *
+ * @param data - 要转换的数据数组（对象数组）
+ * @param options - 生成选项
+ * @param options.sheetName - 工作表名称（默认 'Sheet1'）
+ * @param options.headers - 自定义列名（key: 字段名, value: 列标题）
+ * @returns Excel 文件的 Blob 对象
+ *
+ * @example
+ * ```typescript
+ * import { generateExcel, saveAs } from '@will1123/lx-ui-utils'
+ *
+ * // 基础用法
+ * const data = [
+ *   { name: '张三', age: 25, city: '北京' },
+ *   { name: '李四', age: 30, city: '上海' }
+ * ]
+ * const blob = generateExcel(data)
+ * saveAs(blob, '用户数据.xlsx')
+ *
+ * // 指定工作表名称
+ * const blob = generateExcel(data, {
+ *   sheetName: '用户列表'
+ * })
+ *
+ * // 自定义列名
+ * const blob = generateExcel(data, {
+ *   headers: {
+ *     name: '姓名',
+ *     age: '年龄',
+ *     city: '城市'
+ *   }
+ * })
+ * saveAs(blob, '用户数据.xlsx')
+ * ```
+ */
+export declare function generateExcel(data: Record<string, any>[], options?: {
+    sheetName?: string;
+    headers?: Record<string, string>;
+}): Blob;
 /**
  * 复制文本到剪贴板
  *

package/dist/types/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../src/helper.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAsB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAiCpE;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,KAAK,CAAC,GAAG,EAAE,OAAO,GAAG,GAAG,IAAI,WAAW,GAAG,QAAQ,CAEjE"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../src/helper.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAEzC;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAKjE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EAC3B,OAAO,CAAC,EAAE;IACR,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC,GACA,IAAI,CAsCN;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAsB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAiCpE;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,KAAK,CAAC,GAAG,EAAE,OAAO,GAAG,GAAG,IAAI,WAAW,GAAG,QAAQ,CAEjE"}

package/dist/types/index.d.ts

@@ -2,4 +2,5 @@ export * from './sse';
 export * from './thinking';
 export * from './markdown';
 export * from './helper';
+export * from './message-config';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA"}

package/dist/types/markdown.d.ts

@@ -6,9 +6,9 @@ import { default as katex } from 'katex';
  */
 export type CodeTheme = 'dark' | 'light';
 /**
- * createMarkdownRender 函数配置
+ * createMarkdownParser 函数配置
  */
-export interface CreateMarkdownRenderConfig {
+export interface CreateMarkdownParserConfig {
     /** 代码块工具栏是否启用（默认 true） */
     codeBoxToolEnable?: boolean;
     /** 是否启用 KaTeX 公式支持（默认 true） */
@@ -73,7 +73,7 @@ export declare function updateMarkdownCodeBlocksTheme(themeOrContainer: CodeThem
 /**
  * 创建配置好的 Marked 实例
  */
-export declare function createMarkdownRender(createConfig?: CreateMarkdownRenderConfig): Marked;
+export declare function createMarkdownParser(createConfig?: CreateMarkdownParserConfig): Marked;
 /**
  * 绑定代码块工具栏事件（函数重载）
  */

package/dist/types/message-config.d.ts

@@ -0,0 +1,49 @@
+/**
+ * 获取消息基础配置
+ * 用于 chat-message-list 及其子组件的 inject 默认值
+ *
+ * @returns 消息配置对象
+ *
+ * @example
+ * ```typescript
+ * import { getBaseMessageOption } from '@will1123/lx-ui-utils/message-config'
+ *
+ * const option = getBaseMessageOption()
+ * console.log(option.questionKey) // 'question'
+ * ```
+ */
+export declare function getBaseMessageOption(): {
+    questionKey: string;
+    thinkingKey: string;
+    answerKey: string;
+    errorKey: string;
+    recommendQuestionKey: string;
+    thinkingEnable: boolean;
+    answerRenderHtmlEnable: boolean;
+    answerLoadingEnable: boolean;
+    chartKey: string;
+    chartEnable: boolean;
+    chartToolBarEnable: boolean;
+    sqlKey: string;
+    chartColors: string[];
+    customSetChartOptions: null;
+    customSetChartTableColumns: null;
+    chartTableClassName: string;
+    recommendQuestionEnable: boolean;
+    messageToolbarEnable: boolean;
+    feedbackEnable: boolean;
+    customFeedbackEnable: boolean;
+    customFeedbackLikeOptions: {
+        label: string;
+        value: string;
+    }[];
+    customFeedbackDisLikeOptions: {
+        label: string;
+        value: string;
+    }[];
+    userAvatar: string;
+    assistantAvatar: string;
+    avatarEnable: boolean;
+    markdownParser: import('marked').Marked;
+};
+//# sourceMappingURL=message-config.d.ts.map

package/dist/types/message-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-config.d.ts","sourceRoot":"","sources":["../../src/message-config.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2EnC"}

package/dist/types/sse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sse.d.ts","sourceRoot":"","sources":["../../src/sse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAGzF,YAAY,EAAE,kBAAkB,EAAE,CAAA;AAElC;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,aAAa;IACb,GAAG,EAAE,MAAM,CAAA;IACX,sBAAsB;IACtB,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IACvB,UAAU;IACV,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uCAAuC;IACvC,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,eAAe;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,qBAAqB;IACrB,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,eAAe;IACf,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClD,cAAc;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAsB,GAAG,CACvB,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,WAAW,GACpB,OAAO,CAAC,IAAI,CAAC,CAqCf"}
+{"version":3,"file":"sse.d.ts","sourceRoot":"","sources":["../../src/sse.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,+BAA+B,CAAC;AAGvC,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,aAAa;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,sBAAsB;IACtB,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,UAAU;IACV,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,eAAe;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,qBAAqB;IACrB,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,eAAe;IACf,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClD,cAAc;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAsB,GAAG,CACvB,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,WAAW,GACpB,OAAO,CAAC,IAAI,CAAC,CA6Cf"}