@hejiayue/x-markdown-test 0.0.1-beta.129 → 0.0.1-beta.131

package/dist/x-markdown.es28.js

@@ -0,0 +1,142 @@
+import { defineComponent, ref, computed, nextTick, watch, onMounted, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
+import { debounce } from "lodash-es";
+import { useMermaid, useMermaidZoom, downloadSvgAsPng } from "./x-markdown.es9.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "syntax-mermaid__loading"
+};
+const _hoisted_2 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SyntaxMermaid",
+  props: {
+    content: { default: "" },
+    id: { default: "mermaid-default" },
+    isDark: { type: Boolean, default: false },
+    config: { default: () => ({}) }
+  },
+  emits: ["degraded", "ready"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const renderContainerRef = ref(null);
+    const mermaidContent = computed(() => props.content);
+    const mermaidOptions = computed(() => ({
+      id: props.id,
+      theme: props.isDark ? "dark" : "default",
+      config: props.config,
+      container: renderContainerRef.value
+    }));
+    const mermaidResult = useMermaid(mermaidContent, mermaidOptions);
+    const svg = ref("");
+    const isLoading = computed(() => mermaidResult.isLoading.value);
+    const error = computed(() => mermaidResult.error.value);
+    const containerRef = ref(null);
+    const zoomControls = useMermaidZoom({
+      container: containerRef
+    });
+    const debouncedInitialize = debounce(initializeZoom, 500);
+    function initializeZoom() {
+      nextTick(() => {
+        if (containerRef.value) {
+          zoomControls.initialize();
+        }
+      });
+    }
+    watch(
+      () => mermaidResult.data.value,
+      (newSvg, oldSvg) => {
+        console.log("[SyntaxMermaid] mermaidResult.data.value changed:", {
+          oldSvg,
+          newSvg,
+          isNewSvg: !!newSvg,
+          startsWithSvg: newSvg?.trim().startsWith("<svg"),
+          preview: newSvg?.substring(0, 50)
+        });
+        if (newSvg) {
+          svg.value = newSvg;
+          debouncedInitialize();
+          if (newSvg.trim().startsWith("<svg")) {
+            console.log("[SyntaxMermaid] Emitting ready event - Mermaid is available");
+            emit("ready");
+          } else {
+            console.log("[SyntaxMermaid] Emitting degraded event - Mermaid not available");
+            emit("degraded");
+          }
+        }
+      },
+      { immediate: true }
+    );
+    watch(svg, (newSvg) => {
+      if (newSvg) {
+        debouncedInitialize();
+      }
+    });
+    function zoomIn() {
+      zoomControls?.zoomIn();
+    }
+    function zoomOut() {
+      zoomControls?.zoomOut();
+    }
+    function reset() {
+      zoomControls?.reset();
+    }
+    function fullscreen() {
+      zoomControls?.fullscreen();
+      zoomControls?.reset();
+    }
+    function download() {
+      downloadSvgAsPng(svg.value);
+    }
+    function getSvg() {
+      return svg.value;
+    }
+    function reinitialize() {
+      debouncedInitialize();
+    }
+    onMounted(() => {
+      if (svg.value) {
+        debouncedInitialize();
+      }
+    });
+    __expose({
+      svg,
+      isLoading,
+      error,
+      containerRef,
+      zoomIn,
+      zoomOut,
+      reset,
+      fullscreen,
+      download,
+      getSvg,
+      reinitialize
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: normalizeClass(["syntax-mermaid", { "syntax-mermaid--dark": props.isDark }])
+      }, [
+        createElementVNode("div", {
+          ref_key: "renderContainerRef",
+          ref: renderContainerRef,
+          class: "syntax-mermaid__render-container",
+          "aria-hidden": "true"
+        }, null, 512),
+        isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "loading", {}, () => [
+            _cache[0] || (_cache[0] = createElementVNode("span", { class: "syntax-mermaid__loading-text" }, "加载中...", -1))
+          ])
+        ])) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: "syntax-mermaid__content",
+          innerHTML: svg.value
+        }, null, 8, _hoisted_2))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=x-markdown.es28.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"x-markdown.es28.js","sources":["../src/components/Mermaid/SyntaxMermaid.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, nextTick, ref, watch, onMounted } from 'vue'\r\nimport { debounce } from 'lodash-es'\r\nimport { useMermaid, useMermaidZoom, downloadSvgAsPng } from '../../hooks'\r\n\r\ninterface SyntaxMermaidProps {\r\n  content: string\r\n  id?: string\r\n  isDark?: boolean\r\n  config?: Record<string, any>\r\n}\r\n\r\nconst props = withDefaults(defineProps<SyntaxMermaidProps>(), {\r\n  content: '',\r\n  id: 'mermaid-default',\r\n  isDark: false,\r\n  config: () => ({}),\r\n})\r\n\r\nconst emit = defineEmits<{\r\n  degraded: []\r\n  ready: []\r\n}>()\r\n\r\nconst renderContainerRef = ref<HTMLElement | null>(null)\r\n\r\nconst mermaidContent = computed(() => props.content)\r\nconst mermaidOptions = computed(() => ({\r\n  id: props.id,\r\n  theme: props.isDark ? 'dark' : 'default',\r\n  config: props.config,\r\n  container: renderContainerRef.value,\r\n}))\r\nconst mermaidResult = useMermaid(mermaidContent, mermaidOptions)\r\n\r\nconst svg = ref('')\r\nconst isLoading = computed(() => mermaidResult.isLoading.value)\r\nconst error = computed(() => mermaidResult.error.value)\r\n\r\nconst containerRef = ref<HTMLElement | null>(null)\r\n\r\nconst zoomControls = useMermaidZoom({\r\n  container: containerRef,\r\n  scaleStep: 0.2,\r\n  minScale: 0.1,\r\n  maxScale: 5,\r\n})\r\n\r\nconst debouncedInitialize = debounce(initializeZoom, 500)\r\n\r\nfunction initializeZoom() {\r\n  nextTick(() => {\r\n    if (containerRef.value) {\r\n      zoomControls.initialize()\r\n    }\r\n  })\r\n}\r\n\r\nwatch(\r\n  () => mermaidResult.data.value,\r\n  (newSvg, oldSvg) => {\r\n    console.log('[SyntaxMermaid] mermaidResult.data.value changed:', {\r\n      oldSvg,\r\n      newSvg,\r\n      isNewSvg: !!newSvg,\r\n      startsWithSvg: newSvg?.trim().startsWith('<svg'),\r\n      preview: newSvg?.substring(0, 50)\r\n    })\r\n\r\n    if (newSvg) {\r\n      svg.value = newSvg\r\n      debouncedInitialize()\r\n\r\n      // 检测是否成功渲染了 SVG（以 <svg 开头）\r\n      if (newSvg.trim().startsWith('<svg')) {\r\n        console.log('[SyntaxMermaid] Emitting ready event - Mermaid is available')\r\n        emit('ready')\r\n      } else {\r\n        console.log('[SyntaxMermaid] Emitting degraded event - Mermaid not available')\r\n        emit('degraded')\r\n      }\r\n    }\r\n  },\r\n  { immediate: true },\r\n)\r\n\r\nwatch(svg, (newSvg) => {\r\n  if (newSvg) {\r\n    debouncedInitialize()\r\n  }\r\n})\r\n\r\nfunction zoomIn() {\r\n  zoomControls?.zoomIn()\r\n}\r\n\r\nfunction zoomOut() {\r\n  zoomControls?.zoomOut()\r\n}\r\n\r\nfunction reset() {\r\n  zoomControls?.reset()\r\n}\r\n\r\nfunction fullscreen() {\r\n  zoomControls?.fullscreen()\r\n  zoomControls?.reset()\r\n}\r\n\r\nfunction download() {\r\n  downloadSvgAsPng(svg.value)\r\n}\r\n\r\nfunction getSvg() {\r\n  return svg.value\r\n}\r\n\r\nfunction reinitialize() {\r\n  debouncedInitialize()\r\n}\r\n\r\nonMounted(() => {\r\n  if (svg.value) {\r\n    debouncedInitialize()\r\n  }\r\n})\r\n\r\ndefineExpose({\r\n  svg,\r\n  isLoading,\r\n  error,\r\n  containerRef,\r\n  zoomIn,\r\n  zoomOut,\r\n  reset,\r\n  fullscreen,\r\n  download,\r\n  getSvg,\r\n  reinitialize,\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div ref=\"containerRef\" class=\"syntax-mermaid\" :class=\"{ 'syntax-mermaid--dark': props.isDark }\">\r\n    <div ref=\"renderContainerRef\" class=\"syntax-mermaid__render-container\" aria-hidden=\"true\" />\r\n\r\n    <div v-if=\"isLoading\" class=\"syntax-mermaid__loading\">\r\n      <slot name=\"loading\">\r\n        <span class=\"syntax-mermaid__loading-text\">加载中...</span>\r\n      </slot>\r\n    </div>\r\n    <div v-else class=\"syntax-mermaid__content\" v-html=\"svg\" />\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.syntax-mermaid {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 200px;\r\n  overflow: hidden;\r\n  cursor: grab;\r\n  position: relative;\r\n}\r\n\r\n.syntax-mermaid__render-container {\r\n  position: absolute;\r\n  max-height: 0;\r\n  opacity: 0;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n}\r\n\r\n.syntax-mermaid:active {\r\n  cursor: grabbing;\r\n}\r\n\r\n.syntax-mermaid__content {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.syntax-mermaid__content svg {\r\n  transform-origin: center center;\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n}\r\n\r\n.syntax-mermaid:fullscreen {\r\n  max-height: 100vh;\r\n}\r\n\r\n.syntax-mermaid:fullscreen .syntax-mermaid__content {\r\n  justify-content: center;\r\n}\r\n\r\n.syntax-mermaid__loading {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 200px;\r\n}\r\n\r\n.syntax-mermaid__loading-text {\r\n  color: #666;\r\n  font-size: 14px;\r\n}\r\n\r\n.syntax-mermaid--dark .syntax-mermaid__loading-text {\r\n  color: #999;\r\n}\r\n</style>\r\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_openBlock","_renderSlot"],"mappings":"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"}

package/dist/x-markdown.es31.js

@@ -1,5 +1,124 @@
-import _sfc_main from "./x-markdown.es27.js";
-/* empty css                */
+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
 };

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

@@ -1 +1 @@
-{"version":3,"file":"x-markdown.es31.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"x-markdown.es31.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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"}

package/dist/x-markdown.es33.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./x-markdown.es28.js";
+/* empty css                */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=x-markdown.es33.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"x-markdown.es7.js","sources":["../src/hooks/useHighlight.ts"],"sourcesContent":["import { ref, watch, onUnmounted, computed, isRef, toValue, type Ref, type MaybeRef, type CSSProperties } from 'vue'\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\ninterface StreamingHighlightResult {\r\n  colorReplacements?: Record<string, string>\r\n  lines: HighlightToken[][]\r\n  preStyle?: CSSProperties\r\n}\r\n\r\ninterface UseHighlightOptions {\r\n  language: MaybeRef<string>\r\n  theme?: string | Ref<string>\r\n  colorReplacements?: Record<string, string>\r\n}\r\n\r\nlet shikiModulePromise: Promise<any | null> | null = null\r\nlet shikiStreamModulePromise: Promise<any | null> | null = null\r\nlet hasShownDependencyHint = false\r\n\r\nconst showDependencyHint = () => {\r\n  if (hasShownDependencyHint) return\r\n  hasShownDependencyHint = true\r\n\r\n  console.log(\r\n    '%c[x-markdown]%c 代码高亮功能已降级为纯文本模式',\r\n    'font-weight: bold; color: #0066cc;',\r\n    'color: #666;'\r\n  )\r\n  console.log(\r\n    '%c如需语法高亮功能，请安装以下依赖：',\r\n    'color: #666; font-weight: bold;'\r\n  )\r\n  console.log(\r\n    '%c  pnpm add shiki shiki-stream',\r\n    'color: #00aa00; 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\nconst loadShiki = async () => {\r\n  if (!shikiModulePromise) {\r\n    shikiModulePromise = (async () => {\r\n      try {\r\n        const mod = await import('shiki')\r\n        return mod\r\n      } catch {\r\n        // 静默失败，返回 null\r\n        return null\r\n      }\r\n    })()\r\n  }\r\n  return shikiModulePromise\r\n}\r\n\r\nconst loadShikiStream = async () => {\r\n  if (!shikiStreamModulePromise) {\r\n    shikiStreamModulePromise = (async () => {\r\n      try {\r\n        const mod = await import('shiki-stream')\r\n        return mod\r\n      } catch {\r\n        // 静默失败，返回 null\r\n        return null\r\n      }\r\n    })()\r\n  }\r\n  return shikiStreamModulePromise\r\n}\r\n\r\nconst tokensToLineTokens = (tokens: HighlightToken[]): HighlightToken[][] => {\r\n  if (!tokens.length) return [[]]\r\n\r\n  const lines: HighlightToken[][] = [[]]\r\n  let currentLine = lines[0]\r\n\r\n  const startNewLine = () => {\r\n    currentLine = []\r\n    lines.push(currentLine)\r\n  }\r\n\r\n  tokens.forEach((token) => {\r\n    const content = token.content ?? ''\r\n\r\n    if (content === '\\n') {\r\n      startNewLine()\r\n      return\r\n    }\r\n\r\n    if (!content.includes('\\n')) {\r\n      currentLine.push(token)\r\n      return\r\n    }\r\n\r\n    const segments = content.split('\\n')\r\n    segments.forEach((segment, index) => {\r\n      if (segment) {\r\n        currentLine.push({\r\n          ...token,\r\n          content: segment,\r\n        })\r\n      }\r\n\r\n      if (index < segments.length - 1) {\r\n        startNewLine()\r\n      }\r\n    })\r\n  })\r\n\r\n  return lines.length === 0 ? [[]] : lines\r\n}\r\n\r\nconst createPreStyle = (bg?: string, fg?: string): CSSProperties | undefined => {\r\n  if (!bg && !fg) return undefined\r\n  return {\r\n    backgroundColor: bg,\r\n    color: fg,\r\n  }\r\n}\r\n\r\nexport function useHighlight(text: Ref<string>, options: UseHighlightOptions) {\r\n  const streaming = ref<StreamingHighlightResult>()\r\n  const isLoading = ref(false)\r\n  const error = ref<Error | null>(null)\r\n\r\n  let tokenizer: any | null = null\r\n  let previousText = ''\r\n  let highlighter: any | null = null\r\n  let currentUsedLang = ''\r\n  let lastRequestedLang = ''\r\n\r\n  const effectiveTheme = computed(() => {\r\n    const theme = isRef(options.theme) ? options.theme.value : options.theme\r\n    return theme || 'slack-dark'\r\n  })\r\n\r\n  const effectiveLanguage = computed(() => {\r\n    return toValue(options.language) || 'text'\r\n  })\r\n\r\n  const lines = computed(() => streaming.value?.lines || [[]])\r\n  const preStyle = computed(() => streaming.value?.preStyle)\r\n\r\n  const updateTokens = async (nextText: string, forceReset = false) => {\r\n    if (!tokenizer) return\r\n\r\n    if (forceReset) {\r\n      tokenizer.clear()\r\n      previousText = ''\r\n    }\r\n\r\n    const canAppend = !forceReset && nextText.startsWith(previousText)\r\n    let chunk = nextText\r\n\r\n    if (canAppend) {\r\n      chunk = nextText.slice(previousText.length)\r\n    } else if (!forceReset) {\r\n      tokenizer.clear()\r\n    }\r\n\r\n    previousText = nextText\r\n\r\n    if (!chunk) {\r\n      const mergedTokens = [...tokenizer.tokensStable, ...tokenizer.tokensUnstable]\r\n      streaming.value = {\r\n        colorReplacements: options.colorReplacements,\r\n        lines: mergedTokens.length ? tokensToLineTokens(mergedTokens) : [[]],\r\n        preStyle: streaming.value?.preStyle,\r\n      }\r\n      return\r\n    }\r\n\r\n    try {\r\n      await tokenizer.enqueue(chunk)\r\n\r\n      const mergedTokens = [...tokenizer.tokensStable, ...tokenizer.tokensUnstable]\r\n\r\n      streaming.value = {\r\n        colorReplacements: options.colorReplacements,\r\n        lines: tokensToLineTokens(mergedTokens),\r\n        preStyle: streaming.value?.preStyle,\r\n      }\r\n    } catch (err) {\r\n      console.error('[x-markdown] Streaming highlighting failed:', err)\r\n      error.value = err as Error\r\n    }\r\n  }\r\n\r\n  const initHighlighter = async () => {\r\n    isLoading.value = true\r\n    error.value = null\r\n\r\n    let currentLang = effectiveLanguage.value\r\n    const currentTheme = effectiveTheme.value\r\n\r\n    try {\r\n      const mod = await loadShiki()\r\n      if (!mod) {\r\n        // 静默降级为纯文本\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: [[{ content: text.value }]],\r\n          preStyle: undefined,\r\n        }\r\n        showDependencyHint()\r\n        return\r\n      }\r\n\r\n      // shiki 3.x API\r\n      highlighter = await mod.createHighlighter({\r\n        themes: [currentTheme],\r\n        langs: [],  // 将动态加载语言\r\n      })\r\n\r\n      lastRequestedLang = currentLang\r\n\r\n      try {\r\n        await highlighter.loadLanguage(currentLang as any)\r\n        currentUsedLang = currentLang\r\n      } catch {\r\n        currentLang = 'plaintext'\r\n        currentUsedLang = 'plaintext'\r\n      }\r\n\r\n      // 动态加载 shiki-stream\r\n      const shikiStreamMod = await loadShikiStream()\r\n      if (shikiStreamMod) {\r\n        tokenizer = new shikiStreamMod.ShikiStreamTokenizer({\r\n          highlighter: highlighter,\r\n          lang: currentLang,\r\n          theme: currentTheme,\r\n        })\r\n      }\r\n\r\n      previousText = ''\r\n\r\n      const themeInfo = highlighter.getTheme(currentTheme)\r\n      const preStyleValue = createPreStyle(themeInfo?.bg, themeInfo?.fg)\r\n\r\n      if (text.value) {\r\n        await updateTokens(text.value, true)\r\n        if (streaming.value) {\r\n          streaming.value.preStyle = preStyleValue\r\n        }\r\n      } else {\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: [[]],\r\n          preStyle: preStyleValue,\r\n        }\r\n      }\r\n    } catch (err) {\r\n      // 静默降级\r\n      streaming.value = {\r\n        colorReplacements: options.colorReplacements,\r\n        lines: [[{ content: text.value }]],\r\n        preStyle: undefined,\r\n      }\r\n    } finally {\r\n      isLoading.value = false\r\n    }\r\n  }\r\n\r\n  watch(\r\n    () => [effectiveLanguage.value, effectiveTheme.value],\r\n    async ([newLang]) => {\r\n      const requestedLang = newLang as string\r\n\r\n      if (\r\n        highlighter &&\r\n        currentUsedLang === 'plaintext' &&\r\n        requestedLang !== lastRequestedLang &&\r\n        requestedLang !== 'plaintext'\r\n      ) {\r\n        try {\r\n          await highlighter.loadLanguage(requestedLang as any)\r\n          initHighlighter()\r\n          return\r\n        } catch {\r\n          lastRequestedLang = requestedLang\r\n          return\r\n        }\r\n      }\r\n\r\n      initHighlighter()\r\n    },\r\n    { immediate: true },\r\n  )\r\n\r\n  watch(text, async (newText) => {\r\n    const requestedLang = effectiveLanguage.value\r\n    if (\r\n      highlighter &&\r\n      currentUsedLang === 'plaintext' &&\r\n      requestedLang !== lastRequestedLang &&\r\n      requestedLang !== 'plaintext'\r\n    ) {\r\n      try {\r\n        await highlighter.loadLanguage(requestedLang as any)\r\n        await initHighlighter()\r\n        return\r\n      } catch {\r\n        lastRequestedLang = requestedLang\r\n      }\r\n    }\r\n\r\n    if (tokenizer) {\r\n      updateTokens(newText)\r\n    } else if (!highlighter) {\r\n      streaming.value = {\r\n        colorReplacements: options.colorReplacements,\r\n        lines: [[{ content: newText }]],\r\n        preStyle: streaming.value?.preStyle,\r\n      }\r\n    }\r\n  })\r\n\r\n  onUnmounted(() => {\r\n    tokenizer?.clear()\r\n    tokenizer = null\r\n    previousText = ''\r\n  })\r\n\r\n  return {\r\n    streaming,\r\n    lines,\r\n    preStyle,\r\n    isLoading,\r\n    error,\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"x-markdown.es7.js","sources":["../src/hooks/useHighlight.ts"],"sourcesContent":["import { ref, watch, onUnmounted, computed, isRef, toValue, type Ref, type MaybeRef, type CSSProperties } from 'vue'\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\ninterface StreamingHighlightResult {\r\n  colorReplacements?: Record<string, string>\r\n  lines: HighlightToken[][]\r\n  preStyle?: CSSProperties\r\n}\r\n\r\ninterface UseHighlightOptions {\r\n  language: MaybeRef<string>\r\n  theme?: string | Ref<string>\r\n  colorReplacements?: Record<string, string>\r\n}\r\n\r\nlet shikiModulePromise: Promise<any | null> | null = null\r\nlet shikiStreamModulePromise: Promise<any | null> | null = null\r\nlet hasShownDependencyHint = false\r\n\r\n\r\nconst showDependencyHint = () => {\r\n  if (hasShownDependencyHint) return\r\n  hasShownDependencyHint = true\r\n\r\n  console.log(\r\n    '%c[x-markdown]%c 代码高亮功能已降级为纯文本模式',\r\n    'font-weight: bold; color: #0066cc;',\r\n    'color: #666;'\r\n  )\r\n  console.log(\r\n    '%c如需语法高亮功能，请安装以下依赖：',\r\n    'color: #666; font-weight: bold;'\r\n  )\r\n  console.log(\r\n    '%c  pnpm add shiki shiki-stream',\r\n    'color: #00aa00; 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\nconst loadShiki = async () => {\r\n  if (!shikiModulePromise) {\r\n    shikiModulePromise = (async () => {\r\n      try {\r\n        const mod = await import('shiki')\r\n        return mod\r\n      } catch {\r\n        // 静默失败，返回 null\r\n        return null\r\n      }\r\n    })()\r\n  }\r\n  return shikiModulePromise\r\n}\r\n\r\nconst loadShikiStream = async () => {\r\n  if (!shikiStreamModulePromise) {\r\n    shikiStreamModulePromise = (async () => {\r\n      try {\r\n        const mod = await import('shiki-stream')\r\n        return mod\r\n      } catch {\r\n        // 静默失败，返回 null\r\n        return null\r\n      }\r\n    })()\r\n  }\r\n  return shikiStreamModulePromise\r\n}\r\n\r\nconst tokensToLineTokens = (tokens: HighlightToken[]): HighlightToken[][] => {\r\n  if (!tokens.length) return [[]]\r\n\r\n  const lines: HighlightToken[][] = [[]]\r\n  let currentLine = lines[0]\r\n\r\n  const startNewLine = () => {\r\n    currentLine = []\r\n    lines.push(currentLine)\r\n  }\r\n\r\n  tokens.forEach((token) => {\r\n    const content = token.content ?? ''\r\n\r\n    if (content === '\\n') {\r\n      startNewLine()\r\n      return\r\n    }\r\n\r\n    if (!content.includes('\\n')) {\r\n      currentLine.push(token)\r\n      return\r\n    }\r\n\r\n    const segments = content.split('\\n')\r\n    segments.forEach((segment, index) => {\r\n      if (segment) {\r\n        currentLine.push({\r\n          ...token,\r\n          content: segment,\r\n        })\r\n      }\r\n\r\n      if (index < segments.length - 1) {\r\n        startNewLine()\r\n      }\r\n    })\r\n  })\r\n\r\n  return lines.length === 0 ? [[]] : lines\r\n}\r\n\r\nconst createPreStyle = (bg?: string, fg?: string): CSSProperties | undefined => {\r\n  if (!bg && !fg) return undefined\r\n  return {\r\n    backgroundColor: bg,\r\n    color: fg,\r\n  }\r\n}\r\n\r\nexport function useHighlight(text: Ref<string>, options: UseHighlightOptions) {\r\n  const streaming = ref<StreamingHighlightResult>()\r\n  const isLoading = ref(false)\r\n  const error = ref<Error | null>(null)\r\n\r\n  let tokenizer: any | null = null\r\n  let previousText = ''\r\n  let highlighter: any | null = null\r\n  let currentUsedLang = ''\r\n  let lastRequestedLang = ''\r\n\r\n  const effectiveTheme = computed(() => {\r\n    const theme = isRef(options.theme) ? options.theme.value : options.theme\r\n    return theme || 'slack-dark'\r\n  })\r\n\r\n  const effectiveLanguage = computed(() => {\r\n    return toValue(options.language) || 'text'\r\n  })\r\n\r\n  const lines = computed(() => streaming.value?.lines || [[]])\r\n  const preStyle = computed(() => streaming.value?.preStyle)\r\n\r\n  const updateTokens = async (nextText: string, forceReset = false) => {\r\n    if (!tokenizer) return\r\n\r\n    if (forceReset) {\r\n      tokenizer.clear()\r\n      previousText = ''\r\n    }\r\n\r\n    const canAppend = !forceReset && nextText.startsWith(previousText)\r\n    let chunk = nextText\r\n\r\n    if (canAppend) {\r\n      chunk = nextText.slice(previousText.length)\r\n    } else if (!forceReset) {\r\n      tokenizer.clear()\r\n    }\r\n\r\n    previousText = nextText\r\n\r\n    if (!chunk) {\r\n      const mergedTokens = [...tokenizer.tokensStable, ...tokenizer.tokensUnstable]\r\n      streaming.value = {\r\n        colorReplacements: options.colorReplacements,\r\n        lines: mergedTokens.length ? tokensToLineTokens(mergedTokens) : [[]],\r\n        preStyle: streaming.value?.preStyle,\r\n      }\r\n      return\r\n    }\r\n\r\n    try {\r\n      await tokenizer.enqueue(chunk)\r\n\r\n      const mergedTokens = [...tokenizer.tokensStable, ...tokenizer.tokensUnstable]\r\n\r\n      streaming.value = {\r\n        colorReplacements: options.colorReplacements,\r\n        lines: tokensToLineTokens(mergedTokens),\r\n        preStyle: streaming.value?.preStyle,\r\n      }\r\n    } catch (err) {\r\n      console.error('[x-markdown] Streaming highlighting failed:', err)\r\n      error.value = err as Error\r\n    }\r\n  }\r\n\r\n  const initHighlighter = async () => {\r\n    isLoading.value = true\r\n    error.value = null\r\n\r\n    let currentLang = effectiveLanguage.value\r\n    const currentTheme = effectiveTheme.value\r\n\r\n    try {\r\n      const mod = await loadShiki()\r\n      if (!mod) {\r\n        // 静默降级为纯文本\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: [[{ content: text.value }]],\r\n          preStyle: undefined,\r\n        }\r\n        showDependencyHint()\r\n        return\r\n      }\r\n\r\n      // shiki 3.x API\r\n      highlighter = await mod.createHighlighter({\r\n        themes: [currentTheme],\r\n        langs: [],  // 将动态加载语言\r\n      })\r\n\r\n      lastRequestedLang = currentLang\r\n\r\n      try {\r\n        await highlighter.loadLanguage(currentLang as any)\r\n        currentUsedLang = currentLang\r\n      } catch {\r\n        currentLang = 'plaintext'\r\n        currentUsedLang = 'plaintext'\r\n      }\r\n\r\n      // 动态加载 shiki-stream\r\n      const shikiStreamMod = await loadShikiStream()\r\n      if (shikiStreamMod) {\r\n        tokenizer = new shikiStreamMod.ShikiStreamTokenizer({\r\n          highlighter: highlighter,\r\n          lang: currentLang,\r\n          theme: currentTheme,\r\n        })\r\n      }\r\n\r\n      previousText = ''\r\n\r\n      const themeInfo = highlighter.getTheme(currentTheme)\r\n      const preStyleValue = createPreStyle(themeInfo?.bg, themeInfo?.fg)\r\n\r\n      if (text.value) {\r\n        await updateTokens(text.value, true)\r\n        if (streaming.value) {\r\n          streaming.value.preStyle = preStyleValue\r\n        }\r\n      } else {\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: [[]],\r\n          preStyle: preStyleValue,\r\n        }\r\n      }\r\n    } catch (err) {\r\n      // 静默降级\r\n      streaming.value = {\r\n        colorReplacements: options.colorReplacements,\r\n        lines: [[{ content: text.value }]],\r\n        preStyle: undefined,\r\n      }\r\n    } finally {\r\n      isLoading.value = false\r\n    }\r\n  }\r\n\r\n  watch(\r\n    () => [effectiveLanguage.value, effectiveTheme.value],\r\n    async ([newLang]) => {\r\n      const requestedLang = newLang as string\r\n\r\n      if (\r\n        highlighter &&\r\n        currentUsedLang === 'plaintext' &&\r\n        requestedLang !== lastRequestedLang &&\r\n        requestedLang !== 'plaintext'\r\n      ) {\r\n        try {\r\n          await highlighter.loadLanguage(requestedLang as any)\r\n          initHighlighter()\r\n          return\r\n        } catch {\r\n          lastRequestedLang = requestedLang\r\n          return\r\n        }\r\n      }\r\n\r\n      initHighlighter()\r\n    },\r\n    { immediate: true },\r\n  )\r\n\r\n  watch(text, async (newText) => {\r\n    const requestedLang = effectiveLanguage.value\r\n    if (\r\n      highlighter &&\r\n      currentUsedLang === 'plaintext' &&\r\n      requestedLang !== lastRequestedLang &&\r\n      requestedLang !== 'plaintext'\r\n    ) {\r\n      try {\r\n        await highlighter.loadLanguage(requestedLang as any)\r\n        await initHighlighter()\r\n        return\r\n      } catch {\r\n        lastRequestedLang = requestedLang\r\n      }\r\n    }\r\n\r\n    if (tokenizer) {\r\n      updateTokens(newText)\r\n    } else if (!highlighter) {\r\n      streaming.value = {\r\n        colorReplacements: options.colorReplacements,\r\n        lines: [[{ content: newText }]],\r\n        preStyle: streaming.value?.preStyle,\r\n      }\r\n    }\r\n  })\r\n\r\n  onUnmounted(() => {\r\n    tokenizer?.clear()\r\n    tokenizer = null\r\n    previousText = ''\r\n  })\r\n\r\n  return {\r\n    streaming,\r\n    lines,\r\n    preStyle,\r\n    isLoading,\r\n    error,\r\n  }\r\n}\r\n"],"names":[],"mappings":";AAsBA,IAAI,qBAAiD;AACrD,IAAI,2BAAuD;AAC3D,IAAI,yBAAyB;AAG7B,MAAM,qBAAqB,MAAM;AAC/B,MAAI,uBAAwB;AAC5B,2BAAyB;AAEzB,UAAQ;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF,UAAQ;AAAA,IACN;AAAA,IACA;AAAA,EAAA;AAEF,UAAQ;AAAA,IACN;AAAA,IACA;AAAA,EAAA;AAEF,UAAQ;AAAA,IACN;AAAA,IACA;AAAA,EAAA;AAEJ;AAEA,MAAM,YAAY,YAAY;AAC5B,MAAI,CAAC,oBAAoB;AACvB,0BAAsB,YAAY;AAChC,UAAI;AACF,cAAM,MAAM,MAAM,OAAO,OAAO;AAChC,eAAO;AAAA,MACT,QAAQ;AAEN,eAAO;AAAA,MACT;AAAA,IACF,GAAA;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,kBAAkB,YAAY;AAClC,MAAI,CAAC,0BAA0B;AAC7B,gCAA4B,YAAY;AACtC,UAAI;AACF,cAAM,MAAM,MAAM,OAAO,cAAc;AACvC,eAAO;AAAA,MACT,QAAQ;AAEN,eAAO;AAAA,MACT;AAAA,IACF,GAAA;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,qBAAqB,CAAC,WAAiD;AAC3E,MAAI,CAAC,OAAO,OAAQ,QAAO,CAAC,CAAA,CAAE;AAE9B,QAAM,QAA4B,CAAC,EAAE;AACrC,MAAI,cAAc,MAAM,CAAC;AAEzB,QAAM,eAAe,MAAM;AACzB,kBAAc,CAAA;AACd,UAAM,KAAK,WAAW;AAAA,EACxB;AAEA,SAAO,QAAQ,CAAC,UAAU;AACxB,UAAM,UAAU,MAAM,WAAW;AAEjC,QAAI,YAAY,MAAM;AACpB,mBAAA;AACA;AAAA,IACF;AAEA,QAAI,CAAC,QAAQ,SAAS,IAAI,GAAG;AAC3B,kBAAY,KAAK,KAAK;AACtB;AAAA,IACF;AAEA,UAAM,WAAW,QAAQ,MAAM,IAAI;AACnC,aAAS,QAAQ,CAAC,SAAS,UAAU;AACnC,UAAI,SAAS;AACX,oBAAY,KAAK;AAAA,UACf,GAAG;AAAA,UACH,SAAS;AAAA,QAAA,CACV;AAAA,MACH;AAEA,UAAI,QAAQ,SAAS,SAAS,GAAG;AAC/B,qBAAA;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAED,SAAO,MAAM,WAAW,IAAI,CAAC,CAAA,CAAE,IAAI;AACrC;AAEA,MAAM,iBAAiB,CAAC,IAAa,OAA2C;AAC9E,MAAI,CAAC,MAAM,CAAC,GAAI,QAAO;AACvB,SAAO;AAAA,IACL,iBAAiB;AAAA,IACjB,OAAO;AAAA,EAAA;AAEX;AAEO,SAAS,aAAa,MAAmB,SAA8B;AAC5E,QAAM,YAAY,IAAA;AAClB,QAAM,YAAY,IAAI,KAAK;AAC3B,QAAM,QAAQ,IAAkB,IAAI;AAEpC,MAAI,YAAwB;AAC5B,MAAI,eAAe;AACnB,MAAI,cAA0B;AAC9B,MAAI,kBAAkB;AACtB,MAAI,oBAAoB;AAExB,QAAM,iBAAiB,SAAS,MAAM;AACpC,UAAM,QAAQ,MAAM,QAAQ,KAAK,IAAI,QAAQ,MAAM,QAAQ,QAAQ;AACnE,WAAO,SAAS;AAAA,EAClB,CAAC;AAED,QAAM,oBAAoB,SAAS,MAAM;AACvC,WAAO,QAAQ,QAAQ,QAAQ,KAAK;AAAA,EACtC,CAAC;AAED,QAAM,QAAQ,SAAS,MAAM,UAAU,OAAO,SAAS,CAAC,CAAA,CAAE,CAAC;AAC3D,QAAM,WAAW,SAAS,MAAM,UAAU,OAAO,QAAQ;AAEzD,QAAM,eAAe,OAAO,UAAkB,aAAa,UAAU;AACnE,QAAI,CAAC,UAAW;AAEhB,QAAI,YAAY;AACd,gBAAU,MAAA;AACV,qBAAe;AAAA,IACjB;AAEA,UAAM,YAAY,CAAC,cAAc,SAAS,WAAW,YAAY;AACjE,QAAI,QAAQ;AAEZ,QAAI,WAAW;AACb,cAAQ,SAAS,MAAM,aAAa,MAAM;AAAA,IAC5C,WAAW,CAAC,YAAY;AACtB,gBAAU,MAAA;AAAA,IACZ;AAEA,mBAAe;AAEf,QAAI,CAAC,OAAO;AACV,YAAM,eAAe,CAAC,GAAG,UAAU,cAAc,GAAG,UAAU,cAAc;AAC5E,gBAAU,QAAQ;AAAA,QAChB,mBAAmB,QAAQ;AAAA,QAC3B,OAAO,aAAa,SAAS,mBAAmB,YAAY,IAAI,CAAC,EAAE;AAAA,QACnE,UAAU,UAAU,OAAO;AAAA,MAAA;AAE7B;AAAA,IACF;AAEA,QAAI;AACF,YAAM,UAAU,QAAQ,KAAK;AAE7B,YAAM,eAAe,CAAC,GAAG,UAAU,cAAc,GAAG,UAAU,cAAc;AAE5E,gBAAU,QAAQ;AAAA,QAChB,mBAAmB,QAAQ;AAAA,QAC3B,OAAO,mBAAmB,YAAY;AAAA,QACtC,UAAU,UAAU,OAAO;AAAA,MAAA;AAAA,IAE/B,SAAS,KAAK;AACZ,cAAQ,MAAM,+CAA+C,GAAG;AAChE,YAAM,QAAQ;AAAA,IAChB;AAAA,EACF;AAEA,QAAM,kBAAkB,YAAY;AAClC,cAAU,QAAQ;AAClB,UAAM,QAAQ;AAEd,QAAI,cAAc,kBAAkB;AACpC,UAAM,eAAe,eAAe;AAEpC,QAAI;AACF,YAAM,MAAM,MAAM,UAAA;AAClB,UAAI,CAAC,KAAK;AAER,kBAAU,QAAQ;AAAA,UAChB,mBAAmB,QAAQ;AAAA,UAC3B,OAAO,CAAC,CAAC,EAAE,SAAS,KAAK,MAAA,CAAO,CAAC;AAAA,UACjC,UAAU;AAAA,QAAA;AAEZ,2BAAA;AACA;AAAA,MACF;AAGA,oBAAc,MAAM,IAAI,kBAAkB;AAAA,QACxC,QAAQ,CAAC,YAAY;AAAA,QACrB,OAAO,CAAA;AAAA;AAAA,MAAC,CACT;AAED,0BAAoB;AAEpB,UAAI;AACF,cAAM,YAAY,aAAa,WAAkB;AACjD,0BAAkB;AAAA,MACpB,QAAQ;AACN,sBAAc;AACd,0BAAkB;AAAA,MACpB;AAGA,YAAM,iBAAiB,MAAM,gBAAA;AAC7B,UAAI,gBAAgB;AAClB,oBAAY,IAAI,eAAe,qBAAqB;AAAA,UAClD;AAAA,UACA,MAAM;AAAA,UACN,OAAO;AAAA,QAAA,CACR;AAAA,MACH;AAEA,qBAAe;AAEf,YAAM,YAAY,YAAY,SAAS,YAAY;AACnD,YAAM,gBAAgB,eAAe,WAAW,IAAI,WAAW,EAAE;AAEjE,UAAI,KAAK,OAAO;AACd,cAAM,aAAa,KAAK,OAAO,IAAI;AACnC,YAAI,UAAU,OAAO;AACnB,oBAAU,MAAM,WAAW;AAAA,QAC7B;AAAA,MACF,OAAO;AACL,kBAAU,QAAQ;AAAA,UAChB,mBAAmB,QAAQ;AAAA,UAC3B,OAAO,CAAC,CAAA,CAAE;AAAA,UACV,UAAU;AAAA,QAAA;AAAA,MAEd;AAAA,IACF,SAAS,KAAK;AAEZ,gBAAU,QAAQ;AAAA,QAChB,mBAAmB,QAAQ;AAAA,QAC3B,OAAO,CAAC,CAAC,EAAE,SAAS,KAAK,MAAA,CAAO,CAAC;AAAA,QACjC,UAAU;AAAA,MAAA;AAAA,IAEd,UAAA;AACE,gBAAU,QAAQ;AAAA,IACpB;AAAA,EACF;AAEA;AAAA,IACE,MAAM,CAAC,kBAAkB,OAAO,eAAe,KAAK;AAAA,IACpD,OAAO,CAAC,OAAO,MAAM;AACnB,YAAM,gBAAgB;AAEtB,UACE,eACA,oBAAoB,eACpB,kBAAkB,qBAClB,kBAAkB,aAClB;AACA,YAAI;AACF,gBAAM,YAAY,aAAa,aAAoB;AACnD,0BAAA;AACA;AAAA,QACF,QAAQ;AACN,8BAAoB;AACpB;AAAA,QACF;AAAA,MACF;AAEA,sBAAA;AAAA,IACF;AAAA,IACA,EAAE,WAAW,KAAA;AAAA,EAAK;AAGpB,QAAM,MAAM,OAAO,YAAY;AAC7B,UAAM,gBAAgB,kBAAkB;AACxC,QACE,eACA,oBAAoB,eACpB,kBAAkB,qBAClB,kBAAkB,aAClB;AACA,UAAI;AACF,cAAM,YAAY,aAAa,aAAoB;AACnD,cAAM,gBAAA;AACN;AAAA,MACF,QAAQ;AACN,4BAAoB;AAAA,MACtB;AAAA,IACF;AAEA,QAAI,WAAW;AACb,mBAAa,OAAO;AAAA,IACtB,WAAW,CAAC,aAAa;AACvB,gBAAU,QAAQ;AAAA,QAChB,mBAAmB,QAAQ;AAAA,QAC3B,OAAO,CAAC,CAAC,EAAE,SAAS,QAAA,CAAS,CAAC;AAAA,QAC9B,UAAU,UAAU,OAAO;AAAA,MAAA;AAAA,IAE/B;AAAA,EACF,CAAC;AAED,cAAY,MAAM;AAChB,eAAW,MAAA;AACX,gBAAY;AACZ,mBAAe;AAAA,EACjB,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}

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 正确处理\r\n      // mermaid 已在 vite.config.ts 中配置为 external，不会被打包进库\r\n      const mod = await import('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 import('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 * 检测 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      const mod = await import('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        const mod = await import('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.129",
+  "version": "0.0.1-beta.131",
   "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":";;;;"}