@hejiayue/x-markdown-test 0.0.1-beta.142 → 0.0.1-beta.143

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 = null\r\n\r\n/**\r\n * 显示 mermaid 安装提示\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\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 as Promise<boolean>\r\n  }\r\n\r\n  // 开始检测\r\n  mermaidCheckPromise = (async () => {\r\n    try {\r\n      const mod = await import('mermaid')\r\n      // 检查模块是否有实际的 mermaid 功能\r\n      // 虚拟模块返回 { default: null }，所以需要检查 default 是否存在且有效\r\n      const mermaidInstance = (mod as any)?.default\r\n      // 检查是否有 mermaid 的关键方法或属性\r\n      const hasMermaidAPI = mermaidInstance && (\r\n        typeof mermaidInstance.render === 'function' ||\r\n        typeof mermaidInstance.initialize === 'function' ||\r\n        typeof mermaidInstance.run === 'function'\r\n      )\r\n      mermaidAvailableCache = hasMermaidAPI\r\n\r\n      // 当 mermaid 不可用时，显示提示\r\n      if (!hasMermaidAPI) {\r\n        showMermaidHint()\r\n      }\r\n\r\n      return mermaidAvailableCache\r\n    } catch {\r\n      // 静默失败，mermaid 不可用\r\n      mermaidAvailableCache = false\r\n      showMermaidHint()\r\n      return false\r\n    }\r\n  })()\r\n\r\n  return mermaidCheckPromise as Promise<boolean>\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        const mod = await import('mermaid')\r\n        // 检查是否是虚拟模块（虚拟模块返回 { default: null }）\r\n        if (mod && (mod as any).default === null) {\r\n          showMermaidHint()\r\n          return null\r\n        }\r\n        return (mod as any)?.default\r\n      } catch {\r\n        // 静默失败，显示友好提示\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 = null\r\n\r\n/**\r\n * 显示 mermaid 安装提示\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 未安装，已降级为代码块。运行 %cpnpm add mermaid%c 安装（安装后需重启）',\r\n    'font-weight: bold; color: #9333ea;',\r\n    'color: #666;',\r\n    'color: #9333ea; font-family: monospace;',\r\n    'color: #666;'\r\n  )\r\n}\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 as Promise<boolean>\r\n  }\r\n\r\n  // 开始检测\r\n  mermaidCheckPromise = (async () => {\r\n    try {\r\n      const mod = await import('mermaid')\r\n      // 检查模块是否有实际的 mermaid 功能\r\n      // 虚拟模块返回 { default: null }，所以需要检查 default 是否存在且有效\r\n      const mermaidInstance = (mod as any)?.default\r\n      // 检查是否有 mermaid 的关键方法或属性\r\n      const hasMermaidAPI = mermaidInstance && (\r\n        typeof mermaidInstance.render === 'function' ||\r\n        typeof mermaidInstance.initialize === 'function' ||\r\n        typeof mermaidInstance.run === 'function'\r\n      )\r\n      mermaidAvailableCache = hasMermaidAPI\r\n\r\n      // 当 mermaid 不可用时，显示提示\r\n      if (!hasMermaidAPI) {\r\n        showMermaidHint()\r\n      }\r\n\r\n      return mermaidAvailableCache\r\n    } catch {\r\n      // 静默失败，mermaid 不可用\r\n      mermaidAvailableCache = false\r\n      showMermaidHint()\r\n      return false\r\n    }\r\n  })()\r\n\r\n  return mermaidCheckPromise as Promise<boolean>\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        const mod = await import('mermaid')\r\n        // 检查是否是虚拟模块（虚拟模块返回 { default: null }）\r\n        if (mod && (mod as any).default === null) {\r\n          showMermaidHint()\r\n          return null\r\n        }\r\n        return (mod as any)?.default\r\n      } catch {\r\n        // 静默失败，显示友好提示\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.142",
+  "version": "0.0.1-beta.143",
   "description": "A markdown component library for Vue",
   "type": "module",
   "main": "./dist/x-markdown.cjs.js",

package/dist/x-markdown.cjs29.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./x-markdown.cjs32.js");;/* empty css                  */const r=require("./x-markdown.cjs21.js").default(e.default,[["__scopeId","data-v-ddb364e9"]]);exports.default=r;
-//# sourceMappingURL=x-markdown.cjs29.js.map

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

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

package/dist/x-markdown.cjs32.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./x-markdown.cjs7.js"),o={class:"x-md-syntax-code-block"},l={class:"x-md-code-content"},n={key:0},a=e.defineComponent({name:"SyntaxCodeBlock",__name:"SyntaxCodeBlock",props:{code:{},language:{},lightTheme:{default:"vitesse-light"},darkTheme:{default:"vitesse-dark"},isDark:{type:Boolean,default:!1},colorReplacements:{},codeMaxHeight:{},enableAnimate:{type:Boolean,default:!1}},setup(a,{expose:c}){const r=a,s=e.computed(()=>r.code.trim()),i=e.computed(()=>r.language||"text"),d=e.computed(()=>r.isDark?r.darkTheme:r.lightTheme),{lines:m,preStyle:u}=t.useHighlight(s,{language:i,theme:d,colorReplacements:r.colorReplacements}),p=(e,t)=>t&&t[e.toLowerCase()]||e,k=e=>{if(!e)return{};if(e.htmlStyle){const t=(e=>{const t={};return Object.entries(e).forEach(([e,o])=>{const l=e.replace(/-([a-z])/g,(e,t)=>t.toUpperCase());t[l]=o}),t})(e.htmlStyle);if(!r.colorReplacements)return t;const o={...t};return o.color&&"string"==typeof o.color&&(o.color=p(o.color,r.colorReplacements)),o.backgroundColor&&"string"==typeof o.backgroundColor&&(o.backgroundColor=p(o.backgroundColor,r.colorReplacements)),o}const t={};return e.color&&(t.color=r.colorReplacements?p(e.color,r.colorReplacements):e.color),"italic"===e.fontStyle&&(t.fontStyle="italic"),e.fontWeight&&(t.fontWeight=e.fontWeight),t},g=e.computed(()=>!m.value?.length),y=e.computed(()=>({...u.value,maxHeight:r.codeMaxHeight}));return c({lines:m,code:s,language:i,actualTheme:d}),(t,a)=>(e.openBlock(),e.createElementBlock("div",o,[g.value?(e.openBlock(),e.createElementBlock("pre",{key:0,style:e.normalizeStyle(y.value)},[e.createElementVNode("code",null,e.toDisplayString(s.value),1)],4)):(e.openBlock(),e.createElementBlock("pre",{key:1,class:e.normalizeClass(["shiki",d.value]),style:e.normalizeStyle(y.value),tabindex:"0"},[a[4]||(a[4]=e.createTextVNode("      ",-1)),e.createElementVNode("code",l,[a[2]||(a[2]=e.createTextVNode("\n        ",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(t,o)=>(e.openBlock(),e.createElementBlock("span",{key:o,class:"x-md-code-line"},[a[0]||(a[0]=e.createTextVNode("\n          ",-1)),t.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t,(t,o)=>(e.openBlock(),e.createElementBlock("span",{key:o,style:e.normalizeStyle(k(t)),class:e.normalizeClass({"x-md-animated-word":r.enableAnimate})},e.toDisplayString(t.content),7))),128)):(e.openBlock(),e.createElementBlock("span",n," ")),a[1]||(a[1]=e.createTextVNode("\n        ",-1))]))),128)),a[3]||(a[3]=e.createTextVNode("\n      ",-1))]),a[5]||(a[5]=e.createTextVNode("\n    ",-1))],6))]))}});exports.default=a;
-//# sourceMappingURL=x-markdown.cjs32.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"x-markdown.cjs32.js","sources":["../src/components/CodeBlock/SyntaxCodeBlock.vue"],"sourcesContent":["<template>\r\n  <div class=\"x-md-syntax-code-block\">\r\n    <pre v-if=\"showFallback\" :style=\"codeContainerStyle\"><code>{{ code }}</code></pre>\r\n    <pre v-else :class=\"['shiki', actualTheme]\" :style=\"codeContainerStyle\" tabindex=\"0\">\r\n      <code class=\"x-md-code-content\">\r\n        <span v-for=\"(line, i) in lines\" :key=\"i\" class=\"x-md-code-line\">\r\n          <span v-if=\"!line.length\">&nbsp;</span>\r\n          <span  \r\n            v-else \r\n            v-for=\"(token, j) in line\" \r\n            :key=\"j\" \r\n            :style=\"getTokenStyle(token)\"\r\n            :class=\"{ 'x-md-animated-word': props.enableAnimate }\"\r\n          >{{ token.content }}</span>\r\n        </span>\r\n      </code>\r\n    </pre>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, type CSSProperties } from 'vue'\r\nimport { useHighlight } from '../../hooks/useHighlight'\r\nimport type { SyntaxCodeBlockProps } from './types'\r\n\r\ninterface HighlightToken {\r\n  content?: string\r\n  color?: string\r\n  fontStyle?: 'italic' | null\r\n  fontWeight?: 'normal' | 'bold' | null\r\n  htmlStyle?: Record<string, string>\r\n}\r\n\r\ndefineOptions({\r\n  name: 'SyntaxCodeBlock',\r\n})\r\n\r\nconst props = withDefaults(defineProps<SyntaxCodeBlockProps>(), {\r\n  lightTheme: 'vitesse-light',\r\n  darkTheme: 'vitesse-dark',\r\n  isDark: false,\r\n  enableAnimate: false,\r\n})\r\n\r\nconst code = computed(() => props.code.trim())\r\n\r\nconst language = computed(() => props.language || 'text')\r\n\r\nconst actualTheme = computed(() => (props.isDark ? props.darkTheme : props.lightTheme))\r\n\r\nconst { lines, preStyle } = useHighlight(code, {\r\n  language,\r\n  theme: actualTheme,\r\n  colorReplacements: props.colorReplacements,\r\n})\r\n\r\nconst applyColorReplacement = (color: string, replacements?: Record<string, string>) => {\r\n  if (!replacements) return color\r\n  return replacements[color.toLowerCase()] || color\r\n}\r\n\r\nconst normalizeStyleKeys = (style: Record<string, string | number>): CSSProperties => {\r\n  const normalized: CSSProperties = {}\r\n  Object.entries(style).forEach(([key, value]) => {\r\n    const camelKey = key.replace(/-([a-z])/g, (_, char) => char.toUpperCase())\r\n    ;(normalized as Record<string, string | number>)[camelKey] = value\r\n  })\r\n  return normalized\r\n}\r\n\r\nconst getTokenStyle = (token: HighlightToken | null | undefined): CSSProperties => {\r\n  // 处理 null/undefined token\r\n  if (!token) {\r\n    return {}\r\n  }\r\n\r\n  // 优先使用 htmlStyle（如果存在）\r\n  if (token.htmlStyle) {\r\n    const baseStyle = normalizeStyleKeys(token.htmlStyle)\r\n\r\n    if (!props.colorReplacements) return baseStyle\r\n\r\n    const style = { ...baseStyle }\r\n\r\n    if (style.color && typeof style.color === 'string') {\r\n      style.color = applyColorReplacement(style.color, props.colorReplacements)\r\n    }\r\n    if (style.backgroundColor && typeof style.backgroundColor === 'string') {\r\n      style.backgroundColor = applyColorReplacement(style.backgroundColor, props.colorReplacements)\r\n    }\r\n\r\n    return style\r\n  }\r\n\r\n  // 直接使用 token 的 color、fontStyle、fontWeight 属性\r\n  const style: CSSProperties = {}\r\n\r\n  if (token.color) {\r\n    style.color = props.colorReplacements\r\n      ? applyColorReplacement(token.color, props.colorReplacements)\r\n      : token.color\r\n  }\r\n\r\n  if (token.fontStyle === 'italic') {\r\n    style.fontStyle = 'italic'\r\n  }\r\n\r\n  if (token.fontWeight) {\r\n    style.fontWeight = token.fontWeight\r\n  }\r\n\r\n  return style\r\n}\r\n\r\nconst showFallback = computed(() => !lines.value?.length)\r\n\r\nconst codeContainerStyle = computed(() => ({\r\n  ...preStyle.value,\r\n  maxHeight: props.codeMaxHeight,\r\n}))\r\n\r\ndefineExpose({\r\n  lines,\r\n  code,\r\n  language,\r\n  actualTheme,\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.x-md-syntax-code-block {\r\n  width: 100%;\r\n}\r\n\r\n.x-md-syntax-code-block pre {\r\n  margin: 0;\r\n  padding: 16px;\r\n  overflow: auto;\r\n  background: transparent !important;\r\n}\r\n\r\n.x-md-code-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.x-md-code-line {\r\n  width: 100%;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  display: flex;\r\n}\r\n</style>"],"names":["props","__props","code","computed","trim","language","actualTheme","isDark","darkTheme","lightTheme","lines","preStyle","useHighlight","theme","colorReplacements","applyColorReplacement","color","replacements","toLowerCase","getTokenStyle","token","htmlStyle","baseStyle","style","normalized","Object","entries","forEach","key","value","camelKey","replace","_","char","toUpperCase","normalizeStyleKeys","backgroundColor","fontStyle","fontWeight","showFallback","length","codeContainerStyle","maxHeight","codeMaxHeight","__expose","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","class","tabindex","_hoisted_2","_Fragment","_renderList","_unref","line","i","j","_normalizeStyle","_normalizeClass","enableAnimate","_toDisplayString","content"],"mappings":"4hBAqCA,MAAMA,EAAQC,EAORC,EAAOC,EAAAA,SAAS,IAAMH,EAAME,KAAKE,QAEjCC,EAAWF,EAAAA,SAAS,IAAMH,EAAMK,UAAY,QAE5CC,EAAcH,EAAAA,SAAS,IAAOH,EAAMO,OAASP,EAAMQ,UAAYR,EAAMS,aAErEC,MAAEA,EAAAC,SAAOA,GAAaC,EAAAA,aAAaV,EAAM,CAC7CG,WACAQ,MAAOP,EACPQ,kBAAmBd,EAAMc,oBAGrBC,EAAwB,CAACC,EAAeC,IACvCA,GACEA,EAAaD,EAAME,gBADAF,EAatBG,EAAiBC,IAErB,IAAKA,EACH,MAAO,CAAA,EAIT,GAAIA,EAAMC,UAAW,CACnB,MAAMC,EAjBiB,CAACC,IAC1B,MAAMC,EAA4B,CAAA,EAKlC,OAJAC,OAAOC,QAAQH,GAAOI,QAAQ,EAAEC,EAAKC,MACnC,MAAMC,EAAWF,EAAIG,QAAQ,YAAa,CAACC,EAAGC,IAASA,EAAKC,eAC1DV,EAA+CM,GAAYD,IAExDL,GAWaW,CAAmBf,EAAMC,WAE3C,IAAKrB,EAAMc,kBAAmB,OAAOQ,EAErC,MAAMC,EAAQ,IAAKD,GASnB,OAPIC,EAAMP,OAAgC,iBAAhBO,EAAMP,QAC9BO,EAAMP,MAAQD,EAAsBQ,EAAMP,MAAOhB,EAAMc,oBAErDS,EAAMa,iBAAoD,iBAA1Bb,EAAMa,kBACxCb,EAAMa,gBAAkBrB,EAAsBQ,EAAMa,gBAAiBpC,EAAMc,oBAGtES,CACT,CAGA,MAAMA,EAAuB,CAAA,EAgB7B,OAdIH,EAAMJ,QACRO,EAAMP,MAAQhB,EAAMc,kBAChBC,EAAsBK,EAAMJ,MAAOhB,EAAMc,mBACzCM,EAAMJ,OAGY,WAApBI,EAAMiB,YACRd,EAAMc,UAAY,UAGhBjB,EAAMkB,aACRf,EAAMe,WAAalB,EAAMkB,YAGpBf,GAGHgB,EAAepC,EAAAA,SAAS,KAAOO,EAAMmB,OAAOW,QAE5CC,EAAqBtC,EAAAA,SAAS,KAAA,IAC/BQ,EAASkB,MACZa,UAAW1C,EAAM2C,wBAGnBC,EAAa,CACXlC,QACAR,OACAG,WACAC,wBA5HAuC,cAAAC,qBAgBM,MAhBNC,EAgBM,CAfOR,EAAAV,qBAAXiB,EAAAA,mBAAkF,MAAA,OAAxDvB,uBAAOkB,EAAAZ,SAAoBmB,EAAAA,mBAAuB,8BAAd9C,EAAA2B,OAAI,uBAClEiB,EAAAA,mBAaM,MAAA,OAbOG,gCAAiB3C,EAAAuB,QAAeN,uBAAOkB,EAAAZ,OAAoBqB,SAAS,oCAAI,UACnF,IAAAF,EAAAA,mBAWO,OAXPG,EAWO,+BAXyB,cAC9B,KAAAN,EAAAA,WAAA,GAAAC,EAAAA,mBASOM,EAAAA,SAAA,KAAAC,aATmBC,EAAAA,MAAA5C,GAAK,CAAjB6C,EAAMC,mBAApBV,EAAAA,mBASO,OAAA,CAT2BlB,IAAK4B,EAAGP,MAAM,iDAAiB,gBAC/D,IAAaM,EAAKf,QAClBK,aAAA,GAAAC,qBAM2BM,EAAAA,SAAA,CAAAxB,IAAA,GAAAyB,EAAAA,WAJJE,EAAI,CAAjBnC,EAAOqC,mBAFjBX,EAAAA,mBAM2B,OAAA,CAHxBlB,IAAK6B,EACLlC,MAAKmC,EAAAA,eAAEvC,EAAcC,IACrB6B,MAAKU,EAAAA,eAAA,CAAA,qBAA0B3D,EAAM4D,iBACpCC,kBAAAzC,EAAM0C,SAAO,YAPjBjB,EAAAA,YAAAC,EAAAA,mBAAuC,SAAb,oCAOC,cAC7B,4CAAO,YACT,oCAAO,UACT"}

package/dist/x-markdown.es29.js

@@ -1,8 +0,0 @@
-import _sfc_main from "./x-markdown.es32.js";
-/* empty css                */
-import _export_sfc from "./x-markdown.es21.js";
-const SyntaxCodeBlock = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ddb364e9"]]);
-export {
-  SyntaxCodeBlock as default
-};
-//# sourceMappingURL=x-markdown.es29.js.map

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

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

package/dist/x-markdown.es32.js

@@ -1,125 +0,0 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, createElementVNode, toDisplayString, normalizeClass, createTextVNode, Fragment, renderList, unref } from "vue";
-import { useHighlight } from "./x-markdown.es7.js";
-const _hoisted_1 = { class: "x-md-syntax-code-block" };
-const _hoisted_2 = { class: "x-md-code-content" };
-const _hoisted_3 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "SyntaxCodeBlock"
-  },
-  __name: "SyntaxCodeBlock",
-  props: {
-    code: {},
-    language: {},
-    lightTheme: { default: "vitesse-light" },
-    darkTheme: { default: "vitesse-dark" },
-    isDark: { type: Boolean, default: false },
-    colorReplacements: {},
-    codeMaxHeight: {},
-    enableAnimate: { type: Boolean, default: false }
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const code = computed(() => props.code.trim());
-    const language = computed(() => props.language || "text");
-    const actualTheme = computed(() => props.isDark ? props.darkTheme : props.lightTheme);
-    const { lines, preStyle } = useHighlight(code, {
-      language,
-      theme: actualTheme,
-      colorReplacements: props.colorReplacements
-    });
-    const applyColorReplacement = (color, replacements) => {
-      if (!replacements) return color;
-      return replacements[color.toLowerCase()] || color;
-    };
-    const normalizeStyleKeys = (style) => {
-      const normalized = {};
-      Object.entries(style).forEach(([key, value]) => {
-        const camelKey = key.replace(/-([a-z])/g, (_, char) => char.toUpperCase());
-        normalized[camelKey] = value;
-      });
-      return normalized;
-    };
-    const getTokenStyle = (token) => {
-      if (!token) {
-        return {};
-      }
-      if (token.htmlStyle) {
-        const baseStyle = normalizeStyleKeys(token.htmlStyle);
-        if (!props.colorReplacements) return baseStyle;
-        const style2 = { ...baseStyle };
-        if (style2.color && typeof style2.color === "string") {
-          style2.color = applyColorReplacement(style2.color, props.colorReplacements);
-        }
-        if (style2.backgroundColor && typeof style2.backgroundColor === "string") {
-          style2.backgroundColor = applyColorReplacement(style2.backgroundColor, props.colorReplacements);
-        }
-        return style2;
-      }
-      const style = {};
-      if (token.color) {
-        style.color = props.colorReplacements ? applyColorReplacement(token.color, props.colorReplacements) : token.color;
-      }
-      if (token.fontStyle === "italic") {
-        style.fontStyle = "italic";
-      }
-      if (token.fontWeight) {
-        style.fontWeight = token.fontWeight;
-      }
-      return style;
-    };
-    const showFallback = computed(() => !lines.value?.length);
-    const codeContainerStyle = computed(() => ({
-      ...preStyle.value,
-      maxHeight: props.codeMaxHeight
-    }));
-    __expose({
-      lines,
-      code,
-      language,
-      actualTheme
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        showFallback.value ? (openBlock(), createElementBlock("pre", {
-          key: 0,
-          style: normalizeStyle(codeContainerStyle.value)
-        }, [
-          createElementVNode("code", null, toDisplayString(code.value), 1)
-        ], 4)) : (openBlock(), createElementBlock("pre", {
-          key: 1,
-          class: normalizeClass(["shiki", actualTheme.value]),
-          style: normalizeStyle(codeContainerStyle.value),
-          tabindex: "0"
-        }, [
-          _cache[4] || (_cache[4] = createTextVNode("      ", -1)),
-          createElementVNode("code", _hoisted_2, [
-            _cache[2] || (_cache[2] = createTextVNode("\n        ", -1)),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(lines), (line, i) => {
-              return openBlock(), createElementBlock("span", {
-                key: i,
-                class: "x-md-code-line"
-              }, [
-                _cache[0] || (_cache[0] = createTextVNode("\n          ", -1)),
-                !line.length ? (openBlock(), createElementBlock("span", _hoisted_3, " ")) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(line, (token, j) => {
-                  return openBlock(), createElementBlock("span", {
-                    key: j,
-                    style: normalizeStyle(getTokenStyle(token)),
-                    class: normalizeClass({ "x-md-animated-word": props.enableAnimate })
-                  }, toDisplayString(token.content), 7);
-                }), 128)),
-                _cache[1] || (_cache[1] = createTextVNode("\n        ", -1))
-              ]);
-            }), 128)),
-            _cache[3] || (_cache[3] = createTextVNode("\n      ", -1))
-          ]),
-          _cache[5] || (_cache[5] = createTextVNode("\n    ", -1))
-        ], 6))
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=x-markdown.es32.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"x-markdown.es32.js","sources":["../src/components/CodeBlock/SyntaxCodeBlock.vue"],"sourcesContent":["<template>\r\n  <div class=\"x-md-syntax-code-block\">\r\n    <pre v-if=\"showFallback\" :style=\"codeContainerStyle\"><code>{{ code }}</code></pre>\r\n    <pre v-else :class=\"['shiki', actualTheme]\" :style=\"codeContainerStyle\" tabindex=\"0\">\r\n      <code class=\"x-md-code-content\">\r\n        <span v-for=\"(line, i) in lines\" :key=\"i\" class=\"x-md-code-line\">\r\n          <span v-if=\"!line.length\">&nbsp;</span>\r\n          <span  \r\n            v-else \r\n            v-for=\"(token, j) in line\" \r\n            :key=\"j\" \r\n            :style=\"getTokenStyle(token)\"\r\n            :class=\"{ 'x-md-animated-word': props.enableAnimate }\"\r\n          >{{ token.content }}</span>\r\n        </span>\r\n      </code>\r\n    </pre>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, type CSSProperties } from 'vue'\r\nimport { useHighlight } from '../../hooks/useHighlight'\r\nimport type { SyntaxCodeBlockProps } from './types'\r\n\r\ninterface HighlightToken {\r\n  content?: string\r\n  color?: string\r\n  fontStyle?: 'italic' | null\r\n  fontWeight?: 'normal' | 'bold' | null\r\n  htmlStyle?: Record<string, string>\r\n}\r\n\r\ndefineOptions({\r\n  name: 'SyntaxCodeBlock',\r\n})\r\n\r\nconst props = withDefaults(defineProps<SyntaxCodeBlockProps>(), {\r\n  lightTheme: 'vitesse-light',\r\n  darkTheme: 'vitesse-dark',\r\n  isDark: false,\r\n  enableAnimate: false,\r\n})\r\n\r\nconst code = computed(() => props.code.trim())\r\n\r\nconst language = computed(() => props.language || 'text')\r\n\r\nconst actualTheme = computed(() => (props.isDark ? props.darkTheme : props.lightTheme))\r\n\r\nconst { lines, preStyle } = useHighlight(code, {\r\n  language,\r\n  theme: actualTheme,\r\n  colorReplacements: props.colorReplacements,\r\n})\r\n\r\nconst applyColorReplacement = (color: string, replacements?: Record<string, string>) => {\r\n  if (!replacements) return color\r\n  return replacements[color.toLowerCase()] || color\r\n}\r\n\r\nconst normalizeStyleKeys = (style: Record<string, string | number>): CSSProperties => {\r\n  const normalized: CSSProperties = {}\r\n  Object.entries(style).forEach(([key, value]) => {\r\n    const camelKey = key.replace(/-([a-z])/g, (_, char) => char.toUpperCase())\r\n    ;(normalized as Record<string, string | number>)[camelKey] = value\r\n  })\r\n  return normalized\r\n}\r\n\r\nconst getTokenStyle = (token: HighlightToken | null | undefined): CSSProperties => {\r\n  // 处理 null/undefined token\r\n  if (!token) {\r\n    return {}\r\n  }\r\n\r\n  // 优先使用 htmlStyle（如果存在）\r\n  if (token.htmlStyle) {\r\n    const baseStyle = normalizeStyleKeys(token.htmlStyle)\r\n\r\n    if (!props.colorReplacements) return baseStyle\r\n\r\n    const style = { ...baseStyle }\r\n\r\n    if (style.color && typeof style.color === 'string') {\r\n      style.color = applyColorReplacement(style.color, props.colorReplacements)\r\n    }\r\n    if (style.backgroundColor && typeof style.backgroundColor === 'string') {\r\n      style.backgroundColor = applyColorReplacement(style.backgroundColor, props.colorReplacements)\r\n    }\r\n\r\n    return style\r\n  }\r\n\r\n  // 直接使用 token 的 color、fontStyle、fontWeight 属性\r\n  const style: CSSProperties = {}\r\n\r\n  if (token.color) {\r\n    style.color = props.colorReplacements\r\n      ? applyColorReplacement(token.color, props.colorReplacements)\r\n      : token.color\r\n  }\r\n\r\n  if (token.fontStyle === 'italic') {\r\n    style.fontStyle = 'italic'\r\n  }\r\n\r\n  if (token.fontWeight) {\r\n    style.fontWeight = token.fontWeight\r\n  }\r\n\r\n  return style\r\n}\r\n\r\nconst showFallback = computed(() => !lines.value?.length)\r\n\r\nconst codeContainerStyle = computed(() => ({\r\n  ...preStyle.value,\r\n  maxHeight: props.codeMaxHeight,\r\n}))\r\n\r\ndefineExpose({\r\n  lines,\r\n  code,\r\n  language,\r\n  actualTheme,\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.x-md-syntax-code-block {\r\n  width: 100%;\r\n}\r\n\r\n.x-md-syntax-code-block pre {\r\n  margin: 0;\r\n  padding: 16px;\r\n  overflow: auto;\r\n  background: transparent !important;\r\n}\r\n\r\n.x-md-code-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.x-md-code-line {\r\n  width: 100%;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  display: flex;\r\n}\r\n</style>"],"names":["style","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_unref","_normalizeStyle","_normalizeClass","_toDisplayString"],"mappings":"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"}