@hejiayue/x-markdown-test 0.0.1-beta.118 → 0.0.1-beta.120

package/dist/x-markdown.es9.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-markdown.es9.js","sources":["../src/hooks/useMermaid.ts"],"sourcesContent":["import type { Ref } from 'vue'\r\nimport { throttle } from 'lodash-es'\r\nimport { computed, ref, watch, onUnmounted } from 'vue'\r\nimport type { MermaidZoomControls, UseMermaidZoomOptions, UseMermaidResult } from '../components/Mermaid/types'\r\n\r\nexport function downloadSvgAsPng(svg: string): void {\r\n  if (!svg) return\r\n\r\n  try {\r\n    const svgDataUrl = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`\r\n    const img = new Image()\r\n\r\n    img.onload = () => {\r\n      try {\r\n        const canvas = document.createElement('canvas')\r\n        const ctx = canvas.getContext('2d', { willReadFrequently: false })\r\n        if (!ctx) return\r\n\r\n        const scale = 2\r\n        canvas.width = img.width * scale\r\n        canvas.height = img.height * scale\r\n        ctx.imageSmoothingEnabled = true\r\n        ctx.imageSmoothingQuality = 'high'\r\n\r\n        ctx.fillStyle = '#ffffff'\r\n        ctx.fillRect(0, 0, canvas.width, canvas.height)\r\n        ctx.drawImage(img, 0, 0, canvas.width, canvas.height)\r\n\r\n        const timestamp = new Date().toISOString().slice(0, 19).replace(/:/g, '-')\r\n\r\n        try {\r\n          canvas.toBlob(\r\n            (blob) => {\r\n              if (!blob) return\r\n              const url = URL.createObjectURL(blob)\r\n              const link = document.createElement('a')\r\n              link.href = url\r\n              link.download = `mermaid-diagram-${timestamp}.png`\r\n              document.body.appendChild(link)\r\n              link.click()\r\n              document.body.removeChild(link)\r\n              URL.revokeObjectURL(url)\r\n            },\r\n            'image/png',\r\n            0.95,\r\n          )\r\n        } catch (toBlobError) {\r\n          console.error('Failed to convert canvas to blob:', toBlobError)\r\n          try {\r\n            const dataUrl = canvas.toDataURL('image/png', 0.95)\r\n            const link = document.createElement('a')\r\n            link.href = dataUrl\r\n            link.download = `mermaid-diagram-${timestamp}.png`\r\n            document.body.appendChild(link)\r\n            link.click()\r\n            document.body.removeChild(link)\r\n          } catch (dataUrlError) {\r\n            console.error('Failed to convert canvas to data URL:', dataUrlError)\r\n          }\r\n        }\r\n      } catch (canvasError) {\r\n        console.error('Canvas operation failed:', canvasError)\r\n      }\r\n    }\r\n\r\n    img.onerror = (error) => {\r\n      console.error('Failed to load image:', error)\r\n    }\r\n\r\n    img.src = svgDataUrl\r\n  } catch (error) {\r\n    console.error('Failed to download SVG:', error)\r\n  }\r\n}\r\n\r\ninterface UseMermaidOptions {\r\n  id?: string\r\n  theme?: 'default' | 'dark' | 'forest' | 'neutral' | string\r\n  config?: any\r\n  container?: HTMLElement | Ref<HTMLElement | null> | null\r\n}\r\n\r\ntype UseMermaidOptionsInput = UseMermaidOptions | Ref<UseMermaidOptions>\r\n\r\nlet mermaidPromise: Promise<any> | null = null\r\nlet hasShownMermaidHint = false\r\nlet mermaidAvailableCache: boolean | null = null\r\nlet mermaidCheckPromise: Promise<boolean> | null = null\r\n\r\n/**\r\n * 同步检查缓存状态（不触发检测）\r\n * @returns 缓存状态，null 表示未检测\r\n */\r\nexport function getMermaidAvailableCache(): boolean | null {\r\n  return mermaidAvailableCache\r\n}\r\n\r\n/**\r\n * 检测 mermaid 是否可用（全局缓存，只检测一次）\r\n */\r\nexport async function checkMermaidAvailable(): Promise<boolean> {\r\n  // 如果已经有缓存结果，直接返回\r\n  if (mermaidAvailableCache !== null) {\r\n    return mermaidAvailableCache\r\n  }\r\n\r\n  // 如果正在检测，返回检测 Promise\r\n  if (mermaidCheckPromise) {\r\n    return mermaidCheckPromise\r\n  }\r\n\r\n  // 开始检测\r\n  mermaidCheckPromise = (async () => {\r\n    try {\r\n      // 使用 /* @vite-ignore */ 告诉 Vite 跳过预构建检查\r\n      // 配合 external 配置，这个 import 语句会被保留在运行时执行\r\n      const mod = await import(/* @vite-ignore */ 'mermaid')\r\n      mermaidAvailableCache = !!mod\r\n      return mermaidAvailableCache\r\n    } catch (error) {\r\n      console.error('[x-markdown] Failed to load mermaid:', error)\r\n      mermaidAvailableCache = false\r\n      return false\r\n    }\r\n  })()\r\n\r\n  return mermaidCheckPromise\r\n}\r\n\r\nconst showMermaidHint = () => {\r\n  if (hasShownMermaidHint) return\r\n  hasShownMermaidHint = true\r\n\r\n  console.log(\r\n    '%c[x-markdown]%c Mermaid 图表功能已降级为代码块显示',\r\n    'font-weight: bold; color: #9333ea;',\r\n    'color: #666;'\r\n  )\r\n  console.log(\r\n    '%c如需 Mermaid 图表渲染功能，请安装：',\r\n    'color: #666; font-weight: bold;'\r\n  )\r\n  console.log(\r\n    '%c  pnpm add mermaid',\r\n    'color: #9333ea; font-family: monospace;'\r\n  )\r\n  console.log(\r\n    '%c安装后请重启开发服务器',\r\n    'color: #999; font-size: 12px;'\r\n  )\r\n}\r\n\r\nasync function loadMermaid() {\r\n  if (typeof window === 'undefined') return null\r\n  if (!mermaidPromise) {\r\n    mermaidPromise = (async () => {\r\n      try {\r\n        // 使用 /* @vite-ignore */ 告诉 Vite 跳过预构建检查\r\n        // 配合 external 配置，这个 import 语句会被保留在运行时执行\r\n        const mod = await import(/* @vite-ignore */ 'mermaid')\r\n        return (mod as any).default\r\n      } catch (error) {\r\n        console.error('[x-markdown] Failed to load mermaid:', error)\r\n        showMermaidHint()\r\n        return null\r\n      }\r\n    })()\r\n  }\r\n  return mermaidPromise\r\n}\r\n\r\ntype RenderTask = () => Promise<void>\r\nconst renderQueue: RenderTask[] = []\r\nlet isProcessingQueue = false\r\n\r\nasync function processRenderQueue() {\r\n  if (isProcessingQueue) return\r\n  isProcessingQueue = true\r\n\r\n  while (renderQueue.length > 0) {\r\n    const task = renderQueue.shift()\r\n    if (task) {\r\n      try {\r\n        await task()\r\n      } catch (err) {\r\n        console.error('Mermaid render queue error:', err)\r\n      }\r\n    }\r\n  }\r\n\r\n  isProcessingQueue = false\r\n}\r\n\r\nfunction addToRenderQueue(task: RenderTask) {\r\n  renderQueue.push(task)\r\n  processRenderQueue()\r\n}\r\n\r\nexport function useMermaid(content: string | Ref<string>, options: UseMermaidOptionsInput = {}): UseMermaidResult {\r\n  const optionsRef = computed(() => (typeof options === 'object' && 'value' in options ? options.value : options))\r\n  const mermaidConfig = computed(() => ({\r\n    suppressErrorRendering: true,\r\n    startOnLoad: false,\r\n    securityLevel: 'loose',\r\n    theme: optionsRef.value.theme || 'default',\r\n    ...(optionsRef.value.config || {}),\r\n  }))\r\n  const data = ref('')\r\n  const error = ref<unknown>(null)\r\n  const isLoading = ref(false)\r\n\r\n  let isUnmounted = false\r\n\r\n  const getRenderContainer = () => {\r\n    const containerOption = optionsRef.value.container\r\n    if (containerOption) {\r\n      return typeof containerOption === 'object' && 'value' in containerOption ? containerOption.value : containerOption\r\n    }\r\n    return null\r\n  }\r\n\r\n  const throttledRender = throttle(\r\n    () => {\r\n      const contentValue = typeof content === 'string' ? content : content.value\r\n      if (!contentValue?.trim()) {\r\n        data.value = ''\r\n        error.value = null\r\n        isLoading.value = false\r\n        return\r\n      }\r\n\r\n      isLoading.value = true\r\n\r\n      addToRenderQueue(async () => {\r\n        if (isUnmounted) return\r\n\r\n        try {\r\n          const mermaidInstance = await loadMermaid()\r\n          if (!mermaidInstance) {\r\n            data.value = contentValue\r\n            error.value = null\r\n            isLoading.value = false\r\n            return\r\n          }\r\n\r\n          mermaidInstance.initialize(mermaidConfig.value)\r\n\r\n          const isValid = await mermaidInstance.parse(contentValue.trim())\r\n          if (!isValid) {\r\n            data.value = ''\r\n            error.value = new Error('Mermaid parse error: Invalid syntax')\r\n            isLoading.value = false\r\n            return\r\n          }\r\n\r\n          const renderId = `${optionsRef.value.id || 'mermaid'}-${Math.random().toString(36).substring(2, 11)}`\r\n          const container = getRenderContainer()\r\n          if (!container) {\r\n            isLoading.value = false\r\n            return\r\n          }\r\n\r\n          const { svg } = await mermaidInstance.render(renderId, contentValue, container)\r\n          data.value = svg\r\n          error.value = null\r\n          isLoading.value = false\r\n        } catch (err) {\r\n          // Mermaid render error\r\n          data.value = ''\r\n          error.value = err\r\n          isLoading.value = false\r\n        }\r\n      })\r\n    },\r\n    100,\r\n    { leading: false, trailing: true },\r\n  )\r\n\r\n  watch(\r\n    [() => (typeof content === 'string' ? content : content.value), () => mermaidConfig.value],\r\n    () => {\r\n      throttledRender()\r\n    },\r\n    { immediate: true },\r\n  )\r\n\r\n  onUnmounted(() => {\r\n    isUnmounted = true\r\n  })\r\n\r\n  return {\r\n    data,\r\n    error,\r\n    isLoading,\r\n  }\r\n}\r\n\r\nexport function useMermaidZoom(options: UseMermaidZoomOptions): MermaidZoomControls {\r\n  const { container } = options\r\n\r\n  const scale = ref(1)\r\n  const posX = ref(0)\r\n  const posY = ref(0)\r\n  const isDragging = ref(false)\r\n\r\n  let removeEvents: (() => void) | null = null\r\n\r\n  const getSvg = () => container.value?.querySelector('.syntax-mermaid__content svg') as HTMLElement\r\n\r\n  const updateTransform = (svg: HTMLElement) => {\r\n    svg.style.transformOrigin = 'center center'\r\n    svg.style.transform = `translate(${posX.value}px, ${posY.value}px) scale(${scale.value})`\r\n  }\r\n\r\n  const resetState = () => {\r\n    scale.value = 1\r\n    posX.value = 0\r\n    posY.value = 0\r\n    isDragging.value = false\r\n  }\r\n\r\n  const addInteractionEvents = (containerEl: HTMLElement) => {\r\n    let startX = 0\r\n    let startY = 0\r\n    let isInteractingWithMermaid = false\r\n\r\n    const onStart = (clientX: number, clientY: number) => {\r\n      isDragging.value = true\r\n      startX = clientX - posX.value\r\n      startY = clientY - posY.value\r\n      document.body.style.userSelect = 'none'\r\n    }\r\n\r\n    const onMove = (clientX: number, clientY: number) => {\r\n      if (isDragging.value && isInteractingWithMermaid) {\r\n        posX.value = clientX - startX\r\n        posY.value = clientY - startY\r\n        const svg = getSvg()\r\n        if (svg) {\r\n          updateTransform(svg)\r\n        }\r\n      }\r\n    }\r\n\r\n    const onEnd = () => {\r\n      isDragging.value = false\r\n      isInteractingWithMermaid = false\r\n      document.body.style.userSelect = ''\r\n    }\r\n\r\n    const onMouseDown = (e: MouseEvent) => {\r\n      if (e.button !== 0) return\r\n      if (e.target === containerEl || containerEl.contains(e.target as Node)) {\r\n        e.preventDefault()\r\n        isInteractingWithMermaid = true\r\n        onStart(e.clientX, e.clientY)\r\n      }\r\n    }\r\n\r\n    const onMouseMove = (e: MouseEvent) => {\r\n      if (isInteractingWithMermaid) {\r\n        onMove(e.clientX, e.clientY)\r\n      }\r\n    }\r\n\r\n    const handleWheelZoom = (e: WheelEvent) => {\r\n      const svg = getSvg()\r\n      if (!svg) return\r\n\r\n      const containerRect = containerEl.getBoundingClientRect()\r\n      const svgRect = svg.getBoundingClientRect()\r\n\r\n      const mouseX = e.clientX - containerRect.left\r\n      const mouseY = e.clientY - containerRect.top\r\n\r\n      const svgCenterX = svgRect.left - containerRect.left + svgRect.width / 2\r\n      const svgCenterY = svgRect.top - containerRect.top + svgRect.height / 2\r\n\r\n      const offsetX = (mouseX - svgCenterX - posX.value) / scale.value\r\n      const offsetY = (mouseY - svgCenterY - posY.value) / scale.value\r\n\r\n      const delta = e.deltaY > 0 ? -0.05 : 0.05\r\n      const newScale = Math.min(Math.max(scale.value + delta, 0.1), 10)\r\n\r\n      if (newScale === scale.value) return\r\n\r\n      scale.value = newScale\r\n\r\n      posX.value = mouseX - svgCenterX - offsetX * scale.value\r\n      posY.value = mouseY - svgCenterY - offsetY * scale.value\r\n\r\n      updateTransform(svg)\r\n    }\r\n\r\n    const throttledWheelZoom = throttle(handleWheelZoom, 20, { leading: true, trailing: true })\r\n\r\n    const onWheel = (e: WheelEvent) => {\r\n      if (e.target === containerEl || containerEl.contains(e.target as Node)) {\r\n        e.preventDefault()\r\n        throttledWheelZoom(e)\r\n      }\r\n    }\r\n\r\n    const onTouchStart = (e: TouchEvent) => {\r\n      if (e.target === containerEl || containerEl.contains(e.target as Node)) {\r\n        if (e.touches.length === 1) {\r\n          e.preventDefault()\r\n          isInteractingWithMermaid = true\r\n          onStart(e.touches[0].clientX, e.touches[0].clientY)\r\n        }\r\n      }\r\n    }\r\n\r\n    const onTouchMove = (e: TouchEvent) => {\r\n      if (isInteractingWithMermaid) {\r\n        e.preventDefault()\r\n        onMove(e.touches[0].clientX, e.touches[0].clientY)\r\n      }\r\n    }\r\n\r\n    containerEl.addEventListener('mousedown', onMouseDown)\r\n    document.addEventListener('mousemove', onMouseMove)\r\n    document.addEventListener('mouseup', onEnd)\r\n    containerEl.addEventListener('wheel', onWheel, { passive: false })\r\n    containerEl.addEventListener('touchstart', onTouchStart, { passive: false })\r\n    containerEl.addEventListener('touchmove', onTouchMove, { passive: false })\r\n    document.addEventListener('touchend', onEnd)\r\n\r\n    return () => {\r\n      containerEl.removeEventListener('mousedown', onMouseDown)\r\n      document.removeEventListener('mousemove', onMouseMove)\r\n      document.removeEventListener('mouseup', onEnd)\r\n      containerEl.removeEventListener('wheel', onWheel)\r\n      containerEl.removeEventListener('touchstart', onTouchStart)\r\n      containerEl.removeEventListener('touchmove', onTouchMove)\r\n      document.removeEventListener('touchend', onEnd)\r\n      document.body.style.userSelect = ''\r\n    }\r\n  }\r\n\r\n  const zoomIn = () => {\r\n    const svg = getSvg()\r\n    if (svg) {\r\n      scale.value = Math.min(scale.value + 0.2, 10)\r\n      updateTransform(svg)\r\n    }\r\n  }\r\n\r\n  const zoomOut = () => {\r\n    const svg = getSvg()\r\n    if (svg) {\r\n      scale.value = Math.max(scale.value - 0.2, 0.1)\r\n      updateTransform(svg)\r\n    }\r\n  }\r\n\r\n  const reset = () => {\r\n    const svg = getSvg()\r\n    if (svg) {\r\n      resetState()\r\n      updateTransform(svg)\r\n    }\r\n  }\r\n\r\n  const fullscreen = () => {\r\n    if (!container.value) return\r\n\r\n    if (document.fullscreenElement) {\r\n      document.exitFullscreen()\r\n    } else {\r\n      container.value.requestFullscreen?.()\r\n    }\r\n  }\r\n\r\n  const initialize = () => {\r\n    if (!container.value) return\r\n\r\n    resetState()\r\n\r\n    removeEvents = addInteractionEvents(container.value)\r\n\r\n    const svg = getSvg()\r\n    if (svg) {\r\n      updateTransform(svg)\r\n    }\r\n  }\r\n\r\n  const destroy = () => {\r\n    removeEvents?.()\r\n    removeEvents = null\r\n    resetState()\r\n  }\r\n\r\n  watch(\r\n    () => container.value,\r\n    () => {\r\n      destroy()\r\n      resetState()\r\n    },\r\n  )\r\n\r\n  onUnmounted(destroy)\r\n\r\n  return {\r\n    zoomIn,\r\n    zoomOut,\r\n    reset,\r\n    fullscreen,\r\n    destroy,\r\n    initialize,\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"x-markdown.es9.js","sources":["../src/hooks/useMermaid.ts"],"sourcesContent":["import type { Ref } from 'vue'\r\nimport { throttle } from 'lodash-es'\r\nimport { computed, ref, watch, onUnmounted } from 'vue'\r\nimport type { MermaidZoomControls, UseMermaidZoomOptions, UseMermaidResult } from '../components/Mermaid/types'\r\n\r\nexport function downloadSvgAsPng(svg: string): void {\r\n  if (!svg) return\r\n\r\n  try {\r\n    const svgDataUrl = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`\r\n    const img = new Image()\r\n\r\n    img.onload = () => {\r\n      try {\r\n        const canvas = document.createElement('canvas')\r\n        const ctx = canvas.getContext('2d', { willReadFrequently: false })\r\n        if (!ctx) return\r\n\r\n        const scale = 2\r\n        canvas.width = img.width * scale\r\n        canvas.height = img.height * scale\r\n        ctx.imageSmoothingEnabled = true\r\n        ctx.imageSmoothingQuality = 'high'\r\n\r\n        ctx.fillStyle = '#ffffff'\r\n        ctx.fillRect(0, 0, canvas.width, canvas.height)\r\n        ctx.drawImage(img, 0, 0, canvas.width, canvas.height)\r\n\r\n        const timestamp = new Date().toISOString().slice(0, 19).replace(/:/g, '-')\r\n\r\n        try {\r\n          canvas.toBlob(\r\n            (blob) => {\r\n              if (!blob) return\r\n              const url = URL.createObjectURL(blob)\r\n              const link = document.createElement('a')\r\n              link.href = url\r\n              link.download = `mermaid-diagram-${timestamp}.png`\r\n              document.body.appendChild(link)\r\n              link.click()\r\n              document.body.removeChild(link)\r\n              URL.revokeObjectURL(url)\r\n            },\r\n            'image/png',\r\n            0.95,\r\n          )\r\n        } catch (toBlobError) {\r\n          console.error('Failed to convert canvas to blob:', toBlobError)\r\n          try {\r\n            const dataUrl = canvas.toDataURL('image/png', 0.95)\r\n            const link = document.createElement('a')\r\n            link.href = dataUrl\r\n            link.download = `mermaid-diagram-${timestamp}.png`\r\n            document.body.appendChild(link)\r\n            link.click()\r\n            document.body.removeChild(link)\r\n          } catch (dataUrlError) {\r\n            console.error('Failed to convert canvas to data URL:', dataUrlError)\r\n          }\r\n        }\r\n      } catch (canvasError) {\r\n        console.error('Canvas operation failed:', canvasError)\r\n      }\r\n    }\r\n\r\n    img.onerror = (error) => {\r\n      console.error('Failed to load image:', error)\r\n    }\r\n\r\n    img.src = svgDataUrl\r\n  } catch (error) {\r\n    console.error('Failed to download SVG:', error)\r\n  }\r\n}\r\n\r\ninterface UseMermaidOptions {\r\n  id?: string\r\n  theme?: 'default' | 'dark' | 'forest' | 'neutral' | string\r\n  config?: any\r\n  container?: HTMLElement | Ref<HTMLElement | null> | null\r\n}\r\n\r\ntype UseMermaidOptionsInput = UseMermaidOptions | Ref<UseMermaidOptions>\r\n\r\nlet mermaidPromise: Promise<any> | null = null\r\nlet hasShownMermaidHint = false\r\nlet mermaidAvailableCache: boolean | null = null\r\nlet mermaidCheckPromise: Promise<boolean> | null = null\r\n\r\n/**\r\n * 同步检查缓存状态（不触发检测）\r\n * @returns 缓存状态，null 表示未检测\r\n */\r\nexport function getMermaidAvailableCache(): boolean | null {\r\n  return mermaidAvailableCache\r\n}\r\n\r\n/**\r\n * 动态导入辅助函数，绕过 Vite 的静态分析\r\n * 使用模板字符串来避免静态分析检测到裸模块标识符\r\n */\r\nconst dynamicImport = async (moduleName: string): Promise<any> => {\r\n  try {\r\n    // 使用模板字符串 + 变量来绕过 Vite 的静态分析\r\n    // 这样 Vite 不会在预构建时尝试解析这个模块\r\n    const name = moduleName\r\n    return await import(`${name}`)\r\n  } catch {\r\n    return null\r\n  }\r\n}\r\n\r\n/**\r\n * 检测 mermaid 是否可用（全局缓存，只检测一次）\r\n */\r\nexport async function checkMermaidAvailable(): Promise<boolean> {\r\n  // 如果已经有缓存结果，直接返回\r\n  if (mermaidAvailableCache !== null) {\r\n    return mermaidAvailableCache\r\n  }\r\n\r\n  // 如果正在检测，返回检测 Promise\r\n  if (mermaidCheckPromise) {\r\n    return mermaidCheckPromise\r\n  }\r\n\r\n  // 开始检测\r\n  mermaidCheckPromise = (async () => {\r\n    try {\r\n      // 使用动态导入绕过 Vite 静态分析\r\n      const mod = await dynamicImport('mermaid')\r\n      mermaidAvailableCache = !!mod\r\n      return mermaidAvailableCache\r\n    } catch (error) {\r\n      console.error('[x-markdown] Failed to load mermaid:', error)\r\n      mermaidAvailableCache = false\r\n      return false\r\n    }\r\n  })()\r\n\r\n  return mermaidCheckPromise\r\n}\r\n\r\nconst showMermaidHint = () => {\r\n  if (hasShownMermaidHint) return\r\n  hasShownMermaidHint = true\r\n\r\n  console.log(\r\n    '%c[x-markdown]%c Mermaid 图表功能已降级为代码块显示',\r\n    'font-weight: bold; color: #9333ea;',\r\n    'color: #666;'\r\n  )\r\n  console.log(\r\n    '%c如需 Mermaid 图表渲染功能，请安装：',\r\n    'color: #666; font-weight: bold;'\r\n  )\r\n  console.log(\r\n    '%c  pnpm add mermaid',\r\n    'color: #9333ea; font-family: monospace;'\r\n  )\r\n  console.log(\r\n    '%c安装后请重启开发服务器',\r\n    'color: #999; font-size: 12px;'\r\n  )\r\n}\r\n\r\nasync function loadMermaid() {\r\n  if (typeof window === 'undefined') return null\r\n  if (!mermaidPromise) {\r\n    mermaidPromise = (async () => {\r\n      try {\r\n        // 使用动态导入绕过 Vite 静态分析\r\n        const mod = await dynamicImport('mermaid')\r\n        return (mod as any)?.default\r\n      } catch (error) {\r\n        console.error('[x-markdown] Failed to load mermaid:', error)\r\n        showMermaidHint()\r\n        return null\r\n      }\r\n    })()\r\n  }\r\n  return mermaidPromise\r\n}\r\n\r\ntype RenderTask = () => Promise<void>\r\nconst renderQueue: RenderTask[] = []\r\nlet isProcessingQueue = false\r\n\r\nasync function processRenderQueue() {\r\n  if (isProcessingQueue) return\r\n  isProcessingQueue = true\r\n\r\n  while (renderQueue.length > 0) {\r\n    const task = renderQueue.shift()\r\n    if (task) {\r\n      try {\r\n        await task()\r\n      } catch (err) {\r\n        console.error('Mermaid render queue error:', err)\r\n      }\r\n    }\r\n  }\r\n\r\n  isProcessingQueue = false\r\n}\r\n\r\nfunction addToRenderQueue(task: RenderTask) {\r\n  renderQueue.push(task)\r\n  processRenderQueue()\r\n}\r\n\r\nexport function useMermaid(content: string | Ref<string>, options: UseMermaidOptionsInput = {}): UseMermaidResult {\r\n  const optionsRef = computed(() => (typeof options === 'object' && 'value' in options ? options.value : options))\r\n  const mermaidConfig = computed(() => ({\r\n    suppressErrorRendering: true,\r\n    startOnLoad: false,\r\n    securityLevel: 'loose',\r\n    theme: optionsRef.value.theme || 'default',\r\n    ...(optionsRef.value.config || {}),\r\n  }))\r\n  const data = ref('')\r\n  const error = ref<unknown>(null)\r\n  const isLoading = ref(false)\r\n\r\n  let isUnmounted = false\r\n\r\n  const getRenderContainer = () => {\r\n    const containerOption = optionsRef.value.container\r\n    if (containerOption) {\r\n      return typeof containerOption === 'object' && 'value' in containerOption ? containerOption.value : containerOption\r\n    }\r\n    return null\r\n  }\r\n\r\n  const throttledRender = throttle(\r\n    () => {\r\n      const contentValue = typeof content === 'string' ? content : content.value\r\n      if (!contentValue?.trim()) {\r\n        data.value = ''\r\n        error.value = null\r\n        isLoading.value = false\r\n        return\r\n      }\r\n\r\n      isLoading.value = true\r\n\r\n      addToRenderQueue(async () => {\r\n        if (isUnmounted) return\r\n\r\n        try {\r\n          const mermaidInstance = await loadMermaid()\r\n          if (!mermaidInstance) {\r\n            data.value = contentValue\r\n            error.value = null\r\n            isLoading.value = false\r\n            return\r\n          }\r\n\r\n          mermaidInstance.initialize(mermaidConfig.value)\r\n\r\n          const isValid = await mermaidInstance.parse(contentValue.trim())\r\n          if (!isValid) {\r\n            data.value = ''\r\n            error.value = new Error('Mermaid parse error: Invalid syntax')\r\n            isLoading.value = false\r\n            return\r\n          }\r\n\r\n          const renderId = `${optionsRef.value.id || 'mermaid'}-${Math.random().toString(36).substring(2, 11)}`\r\n          const container = getRenderContainer()\r\n          if (!container) {\r\n            isLoading.value = false\r\n            return\r\n          }\r\n\r\n          const { svg } = await mermaidInstance.render(renderId, contentValue, container)\r\n          data.value = svg\r\n          error.value = null\r\n          isLoading.value = false\r\n        } catch (err) {\r\n          // Mermaid render error\r\n          data.value = ''\r\n          error.value = err\r\n          isLoading.value = false\r\n        }\r\n      })\r\n    },\r\n    100,\r\n    { leading: false, trailing: true },\r\n  )\r\n\r\n  watch(\r\n    [() => (typeof content === 'string' ? content : content.value), () => mermaidConfig.value],\r\n    () => {\r\n      throttledRender()\r\n    },\r\n    { immediate: true },\r\n  )\r\n\r\n  onUnmounted(() => {\r\n    isUnmounted = true\r\n  })\r\n\r\n  return {\r\n    data,\r\n    error,\r\n    isLoading,\r\n  }\r\n}\r\n\r\nexport function useMermaidZoom(options: UseMermaidZoomOptions): MermaidZoomControls {\r\n  const { container } = options\r\n\r\n  const scale = ref(1)\r\n  const posX = ref(0)\r\n  const posY = ref(0)\r\n  const isDragging = ref(false)\r\n\r\n  let removeEvents: (() => void) | null = null\r\n\r\n  const getSvg = () => container.value?.querySelector('.syntax-mermaid__content svg') as HTMLElement\r\n\r\n  const updateTransform = (svg: HTMLElement) => {\r\n    svg.style.transformOrigin = 'center center'\r\n    svg.style.transform = `translate(${posX.value}px, ${posY.value}px) scale(${scale.value})`\r\n  }\r\n\r\n  const resetState = () => {\r\n    scale.value = 1\r\n    posX.value = 0\r\n    posY.value = 0\r\n    isDragging.value = false\r\n  }\r\n\r\n  const addInteractionEvents = (containerEl: HTMLElement) => {\r\n    let startX = 0\r\n    let startY = 0\r\n    let isInteractingWithMermaid = false\r\n\r\n    const onStart = (clientX: number, clientY: number) => {\r\n      isDragging.value = true\r\n      startX = clientX - posX.value\r\n      startY = clientY - posY.value\r\n      document.body.style.userSelect = 'none'\r\n    }\r\n\r\n    const onMove = (clientX: number, clientY: number) => {\r\n      if (isDragging.value && isInteractingWithMermaid) {\r\n        posX.value = clientX - startX\r\n        posY.value = clientY - startY\r\n        const svg = getSvg()\r\n        if (svg) {\r\n          updateTransform(svg)\r\n        }\r\n      }\r\n    }\r\n\r\n    const onEnd = () => {\r\n      isDragging.value = false\r\n      isInteractingWithMermaid = false\r\n      document.body.style.userSelect = ''\r\n    }\r\n\r\n    const onMouseDown = (e: MouseEvent) => {\r\n      if (e.button !== 0) return\r\n      if (e.target === containerEl || containerEl.contains(e.target as Node)) {\r\n        e.preventDefault()\r\n        isInteractingWithMermaid = true\r\n        onStart(e.clientX, e.clientY)\r\n      }\r\n    }\r\n\r\n    const onMouseMove = (e: MouseEvent) => {\r\n      if (isInteractingWithMermaid) {\r\n        onMove(e.clientX, e.clientY)\r\n      }\r\n    }\r\n\r\n    const handleWheelZoom = (e: WheelEvent) => {\r\n      const svg = getSvg()\r\n      if (!svg) return\r\n\r\n      const containerRect = containerEl.getBoundingClientRect()\r\n      const svgRect = svg.getBoundingClientRect()\r\n\r\n      const mouseX = e.clientX - containerRect.left\r\n      const mouseY = e.clientY - containerRect.top\r\n\r\n      const svgCenterX = svgRect.left - containerRect.left + svgRect.width / 2\r\n      const svgCenterY = svgRect.top - containerRect.top + svgRect.height / 2\r\n\r\n      const offsetX = (mouseX - svgCenterX - posX.value) / scale.value\r\n      const offsetY = (mouseY - svgCenterY - posY.value) / scale.value\r\n\r\n      const delta = e.deltaY > 0 ? -0.05 : 0.05\r\n      const newScale = Math.min(Math.max(scale.value + delta, 0.1), 10)\r\n\r\n      if (newScale === scale.value) return\r\n\r\n      scale.value = newScale\r\n\r\n      posX.value = mouseX - svgCenterX - offsetX * scale.value\r\n      posY.value = mouseY - svgCenterY - offsetY * scale.value\r\n\r\n      updateTransform(svg)\r\n    }\r\n\r\n    const throttledWheelZoom = throttle(handleWheelZoom, 20, { leading: true, trailing: true })\r\n\r\n    const onWheel = (e: WheelEvent) => {\r\n      if (e.target === containerEl || containerEl.contains(e.target as Node)) {\r\n        e.preventDefault()\r\n        throttledWheelZoom(e)\r\n      }\r\n    }\r\n\r\n    const onTouchStart = (e: TouchEvent) => {\r\n      if (e.target === containerEl || containerEl.contains(e.target as Node)) {\r\n        if (e.touches.length === 1) {\r\n          e.preventDefault()\r\n          isInteractingWithMermaid = true\r\n          onStart(e.touches[0].clientX, e.touches[0].clientY)\r\n        }\r\n      }\r\n    }\r\n\r\n    const onTouchMove = (e: TouchEvent) => {\r\n      if (isInteractingWithMermaid) {\r\n        e.preventDefault()\r\n        onMove(e.touches[0].clientX, e.touches[0].clientY)\r\n      }\r\n    }\r\n\r\n    containerEl.addEventListener('mousedown', onMouseDown)\r\n    document.addEventListener('mousemove', onMouseMove)\r\n    document.addEventListener('mouseup', onEnd)\r\n    containerEl.addEventListener('wheel', onWheel, { passive: false })\r\n    containerEl.addEventListener('touchstart', onTouchStart, { passive: false })\r\n    containerEl.addEventListener('touchmove', onTouchMove, { passive: false })\r\n    document.addEventListener('touchend', onEnd)\r\n\r\n    return () => {\r\n      containerEl.removeEventListener('mousedown', onMouseDown)\r\n      document.removeEventListener('mousemove', onMouseMove)\r\n      document.removeEventListener('mouseup', onEnd)\r\n      containerEl.removeEventListener('wheel', onWheel)\r\n      containerEl.removeEventListener('touchstart', onTouchStart)\r\n      containerEl.removeEventListener('touchmove', onTouchMove)\r\n      document.removeEventListener('touchend', onEnd)\r\n      document.body.style.userSelect = ''\r\n    }\r\n  }\r\n\r\n  const zoomIn = () => {\r\n    const svg = getSvg()\r\n    if (svg) {\r\n      scale.value = Math.min(scale.value + 0.2, 10)\r\n      updateTransform(svg)\r\n    }\r\n  }\r\n\r\n  const zoomOut = () => {\r\n    const svg = getSvg()\r\n    if (svg) {\r\n      scale.value = Math.max(scale.value - 0.2, 0.1)\r\n      updateTransform(svg)\r\n    }\r\n  }\r\n\r\n  const reset = () => {\r\n    const svg = getSvg()\r\n    if (svg) {\r\n      resetState()\r\n      updateTransform(svg)\r\n    }\r\n  }\r\n\r\n  const fullscreen = () => {\r\n    if (!container.value) return\r\n\r\n    if (document.fullscreenElement) {\r\n      document.exitFullscreen()\r\n    } else {\r\n      container.value.requestFullscreen?.()\r\n    }\r\n  }\r\n\r\n  const initialize = () => {\r\n    if (!container.value) return\r\n\r\n    resetState()\r\n\r\n    removeEvents = addInteractionEvents(container.value)\r\n\r\n    const svg = getSvg()\r\n    if (svg) {\r\n      updateTransform(svg)\r\n    }\r\n  }\r\n\r\n  const destroy = () => {\r\n    removeEvents?.()\r\n    removeEvents = null\r\n    resetState()\r\n  }\r\n\r\n  watch(\r\n    () => container.value,\r\n    () => {\r\n      destroy()\r\n      resetState()\r\n    },\r\n  )\r\n\r\n  onUnmounted(destroy)\r\n\r\n  return {\r\n    zoomIn,\r\n    zoomOut,\r\n    reset,\r\n    fullscreen,\r\n    destroy,\r\n    initialize,\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hejiayue/x-markdown-test",
-  "version": "0.0.1-beta.118",
+  "version": "0.0.1-beta.120",
   "description": "A markdown component library for Vue",
   "type": "module",
   "main": "./dist/x-markdown.cjs.js",
@@ -63,6 +63,7 @@
     "remark-math": "^6.0.0",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.0.0",
+    "shiki-stream": "^0.1.4",
     "unified": "^11.0.0",
     "unist-util-visit": "^5.0.0"
   },

package/dist/x-markdown.cjs21.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),exports.default=(e,t)=>{const o=e.__vccOpts||e;for(const[r,s]of t)o[r]=s;return o};
-//# sourceMappingURL=x-markdown.cjs21.js.map

package/dist/x-markdown.cjs21.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"x-markdown.cjs21.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/x-markdown.cjs26.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./x-markdown.cjs30.js"),t=require("vue"),o=e.isClient?window:void 0,n=e.isClient?window.navigator:void 0;function r(e){var o;const n=t.toValue(e);return null!==(o=null==n?void 0:n.$el)&&void 0!==o?o:n}function a(...n){const a=t.computed(()=>{const o=e.toArray(t.toValue(n[0])).filter(e=>null!=e);return o.every(e=>"string"!=typeof e)?o:void 0});return e.watchImmediate(()=>{var l,i;return[null!==(l=null===(i=a.value)||void 0===i?void 0:i.map(e=>r(e)))&&void 0!==l?l:[o].filter(e=>null!=e),e.toArray(t.toValue(a.value?n[1]:n[0])),e.toArray(t.unref(a.value?n[2]:n[1])),t.toValue(a.value?n[3]:n[2])]},([t,o,n,r],a,l)=>{if(!(null==t?void 0:t.length)||!(null==o?void 0:o.length)||!(null==n?void 0:n.length))return;const i=e.isObject(r)?{...r}:r,u=t.flatMap(e=>o.flatMap(t=>n.map(o=>((e,t,o,n)=>(e.addEventListener(t,o,n),()=>e.removeEventListener(t,o,n)))(e,t,o,i))));l(()=>{u.forEach(e=>e())})},{flush:"post"})}function l(){const e=t.shallowRef(!1),o=t.getCurrentInstance();return o&&t.onMounted(()=>{e.value=!0},o),e}function i(e){const o=l();return t.computed(()=>(o.value,Boolean(e())))}function u(o,r={}){const{controls:l=!1,navigator:u=n}=r,s=i(()=>u&&"permissions"in u),c=t.shallowRef(),d="string"==typeof o?{name:o}:o,v=t.shallowRef(),p=()=>{var e,t;v.value=null!==(e=null===(t=c.value)||void 0===t?void 0:t.state)&&void 0!==e?e:"prompt"};a(c,"change",p,{passive:!0});const m=e.createSingletonPromise(async()=>{if(s.value){if(!c.value)try{c.value=await u.permissions.query(d)}catch(e){c.value=void 0}finally{p()}return l?t.toRaw(c.value):void 0}});return m(),l?{state:v,isSupported:s,query:m}:v}exports.createSingletonPromise=e.createSingletonPromise,exports.isClient=e.isClient,exports.isObject=e.isObject,exports.toArray=e.toArray,exports.tryOnScopeDispose=e.tryOnScopeDispose,exports.useTimeoutFn=e.useTimeoutFn,exports.watchImmediate=e.watchImmediate,exports.defaultNavigator=n,exports.defaultWindow=o,exports.unrefElement=r,exports.useClipboard=function(o={}){const{navigator:r=n,read:l=!1,source:s,copiedDuring:c=1500,legacy:d=!1}=o,v=i(()=>r&&"clipboard"in r),p=u("clipboard-read"),m=u("clipboard-write"),f=t.computed(()=>v.value||d),y=t.shallowRef(""),x=t.shallowRef(!1),g=e.useTimeoutFn(()=>x.value=!1,c,{immediate:!1});function w(e){return"granted"===e||"prompt"===e}return f.value&&l&&a(["copy","cut"],async function(){let e=!(v.value&&w(p.value));if(!e)try{y.value=await r.clipboard.readText()}catch(a){e=!0}var t,o,n;e&&(y.value=null!==(t=null===(o=document)||void 0===o||null===(n=o.getSelection)||void 0===n||null===(n=n.call(o))||void 0===n?void 0:n.toString())&&void 0!==t?t:"")},{passive:!0}),{isSupported:f,text:t.readonly(y),copied:t.readonly(x),copy:async function(e=t.toValue(s)){if(f.value&&null!=e){let t=!(v.value&&w(m.value));if(!t)try{await r.clipboard.writeText(e)}catch(o){t=!0}t&&function(e){const t=document.createElement("textarea");t.value=e,t.style.position="absolute",t.style.opacity="0",t.setAttribute("readonly",""),document.body.appendChild(t),t.select(),document.execCommand("copy"),t.remove()}(e),y.value=e,x.value=!0,g.start()}}}},exports.useEventListener=a,exports.useMounted=l,exports.usePermission=u,exports.useSupported=i;
-//# sourceMappingURL=x-markdown.cjs26.js.map