@hejiayue/x-markdown-test 0.0.1-beta.112 → 0.0.1-beta.115

package/dist/x-markdown.es9.js

@@ -0,0 +1,409 @@
+import { throttle } from "lodash-es";
+import { computed, ref, watch, onUnmounted } from "vue";
+function downloadSvgAsPng(svg) {
+  if (!svg) return;
+  try {
+    const svgDataUrl = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
+    const img = new Image();
+    img.onload = () => {
+      try {
+        const canvas = document.createElement("canvas");
+        const ctx = canvas.getContext("2d", { willReadFrequently: false });
+        if (!ctx) return;
+        const scale = 2;
+        canvas.width = img.width * scale;
+        canvas.height = img.height * scale;
+        ctx.imageSmoothingEnabled = true;
+        ctx.imageSmoothingQuality = "high";
+        ctx.fillStyle = "#ffffff";
+        ctx.fillRect(0, 0, canvas.width, canvas.height);
+        ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
+        const timestamp = (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/:/g, "-");
+        try {
+          canvas.toBlob(
+            (blob) => {
+              if (!blob) return;
+              const url = URL.createObjectURL(blob);
+              const link = document.createElement("a");
+              link.href = url;
+              link.download = `mermaid-diagram-${timestamp}.png`;
+              document.body.appendChild(link);
+              link.click();
+              document.body.removeChild(link);
+              URL.revokeObjectURL(url);
+            },
+            "image/png",
+            0.95
+          );
+        } catch (toBlobError) {
+          console.error("Failed to convert canvas to blob:", toBlobError);
+          try {
+            const dataUrl = canvas.toDataURL("image/png", 0.95);
+            const link = document.createElement("a");
+            link.href = dataUrl;
+            link.download = `mermaid-diagram-${timestamp}.png`;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+          } catch (dataUrlError) {
+            console.error("Failed to convert canvas to data URL:", dataUrlError);
+          }
+        }
+      } catch (canvasError) {
+        console.error("Canvas operation failed:", canvasError);
+      }
+    };
+    img.onerror = (error) => {
+      console.error("Failed to load image:", error);
+    };
+    img.src = svgDataUrl;
+  } catch (error) {
+    console.error("Failed to download SVG:", error);
+  }
+}
+let mermaidPromise = null;
+let hasShownMermaidHint = false;
+let mermaidAvailableCache = null;
+let mermaidCheckPromise = null;
+async function checkMermaidAvailable() {
+  if (mermaidAvailableCache !== null) {
+    return mermaidAvailableCache;
+  }
+  if (mermaidCheckPromise) {
+    return mermaidCheckPromise;
+  }
+  mermaidCheckPromise = (async () => {
+    try {
+      await import("mermaid");
+      mermaidAvailableCache = true;
+      return true;
+    } catch (error) {
+      mermaidAvailableCache = false;
+      return false;
+    }
+  })();
+  return mermaidCheckPromise;
+}
+const showMermaidHint = () => {
+  if (hasShownMermaidHint) return;
+  hasShownMermaidHint = true;
+  console.log(
+    "%c[x-markdown]%c Mermaid 图表功能已降级为代码块显示",
+    "font-weight: bold; color: #9333ea;",
+    "color: #666;"
+  );
+  console.log(
+    "%c如需 Mermaid 图表渲染功能，请安装：",
+    "color: #666; font-weight: bold;"
+  );
+  console.log(
+    "%c  pnpm add mermaid",
+    "color: #9333ea; font-family: monospace;"
+  );
+  console.log(
+    "%c安装后请重启开发服务器",
+    "color: #999; font-size: 12px;"
+  );
+};
+async function loadMermaid() {
+  if (typeof window === "undefined") return null;
+  if (!mermaidPromise) {
+    mermaidPromise = (async () => {
+      try {
+        const mod = await import("mermaid");
+        return mod.default;
+      } catch {
+        showMermaidHint();
+        return null;
+      }
+    })();
+  }
+  return mermaidPromise;
+}
+const renderQueue = [];
+let isProcessingQueue = false;
+async function processRenderQueue() {
+  if (isProcessingQueue) return;
+  isProcessingQueue = true;
+  while (renderQueue.length > 0) {
+    const task = renderQueue.shift();
+    if (task) {
+      try {
+        await task();
+      } catch (err) {
+        console.error("Mermaid render queue error:", err);
+      }
+    }
+  }
+  isProcessingQueue = false;
+}
+function addToRenderQueue(task) {
+  renderQueue.push(task);
+  processRenderQueue();
+}
+function useMermaid(content, options = {}) {
+  const optionsRef = computed(() => typeof options === "object" && "value" in options ? options.value : options);
+  const mermaidConfig = computed(() => ({
+    suppressErrorRendering: true,
+    startOnLoad: false,
+    securityLevel: "loose",
+    theme: optionsRef.value.theme || "default",
+    ...optionsRef.value.config || {}
+  }));
+  const data = ref("");
+  const error = ref(null);
+  const isLoading = ref(false);
+  let isUnmounted = false;
+  const getRenderContainer = () => {
+    const containerOption = optionsRef.value.container;
+    if (containerOption) {
+      return typeof containerOption === "object" && "value" in containerOption ? containerOption.value : containerOption;
+    }
+    return null;
+  };
+  const throttledRender = throttle(
+    () => {
+      const contentValue = typeof content === "string" ? content : content.value;
+      if (!contentValue?.trim()) {
+        data.value = "";
+        error.value = null;
+        isLoading.value = false;
+        return;
+      }
+      isLoading.value = true;
+      addToRenderQueue(async () => {
+        if (isUnmounted) return;
+        try {
+          const mermaidInstance = await loadMermaid();
+          if (!mermaidInstance) {
+            data.value = contentValue;
+            error.value = null;
+            isLoading.value = false;
+            return;
+          }
+          mermaidInstance.initialize(mermaidConfig.value);
+          const isValid = await mermaidInstance.parse(contentValue.trim());
+          if (!isValid) {
+            data.value = "";
+            error.value = new Error("Mermaid parse error: Invalid syntax");
+            isLoading.value = false;
+            return;
+          }
+          const renderId = `${optionsRef.value.id || "mermaid"}-${Math.random().toString(36).substring(2, 11)}`;
+          const container = getRenderContainer();
+          if (!container) {
+            isLoading.value = false;
+            return;
+          }
+          const { svg } = await mermaidInstance.render(renderId, contentValue, container);
+          data.value = svg;
+          error.value = null;
+          isLoading.value = false;
+        } catch (err) {
+          data.value = "";
+          error.value = err;
+          isLoading.value = false;
+        }
+      });
+    },
+    100,
+    { leading: false, trailing: true }
+  );
+  watch(
+    [() => typeof content === "string" ? content : content.value, () => mermaidConfig.value],
+    () => {
+      throttledRender();
+    },
+    { immediate: true }
+  );
+  onUnmounted(() => {
+    isUnmounted = true;
+  });
+  return {
+    data,
+    error,
+    isLoading
+  };
+}
+function useMermaidZoom(options) {
+  const { container } = options;
+  const scale = ref(1);
+  const posX = ref(0);
+  const posY = ref(0);
+  const isDragging = ref(false);
+  let removeEvents = null;
+  const getSvg = () => container.value?.querySelector(".syntax-mermaid__content svg");
+  const updateTransform = (svg) => {
+    svg.style.transformOrigin = "center center";
+    svg.style.transform = `translate(${posX.value}px, ${posY.value}px) scale(${scale.value})`;
+  };
+  const resetState = () => {
+    scale.value = 1;
+    posX.value = 0;
+    posY.value = 0;
+    isDragging.value = false;
+  };
+  const addInteractionEvents = (containerEl) => {
+    let startX = 0;
+    let startY = 0;
+    let isInteractingWithMermaid = false;
+    const onStart = (clientX, clientY) => {
+      isDragging.value = true;
+      startX = clientX - posX.value;
+      startY = clientY - posY.value;
+      document.body.style.userSelect = "none";
+    };
+    const onMove = (clientX, clientY) => {
+      if (isDragging.value && isInteractingWithMermaid) {
+        posX.value = clientX - startX;
+        posY.value = clientY - startY;
+        const svg = getSvg();
+        if (svg) {
+          updateTransform(svg);
+        }
+      }
+    };
+    const onEnd = () => {
+      isDragging.value = false;
+      isInteractingWithMermaid = false;
+      document.body.style.userSelect = "";
+    };
+    const onMouseDown = (e) => {
+      if (e.button !== 0) return;
+      if (e.target === containerEl || containerEl.contains(e.target)) {
+        e.preventDefault();
+        isInteractingWithMermaid = true;
+        onStart(e.clientX, e.clientY);
+      }
+    };
+    const onMouseMove = (e) => {
+      if (isInteractingWithMermaid) {
+        onMove(e.clientX, e.clientY);
+      }
+    };
+    const handleWheelZoom = (e) => {
+      const svg = getSvg();
+      if (!svg) return;
+      const containerRect = containerEl.getBoundingClientRect();
+      const svgRect = svg.getBoundingClientRect();
+      const mouseX = e.clientX - containerRect.left;
+      const mouseY = e.clientY - containerRect.top;
+      const svgCenterX = svgRect.left - containerRect.left + svgRect.width / 2;
+      const svgCenterY = svgRect.top - containerRect.top + svgRect.height / 2;
+      const offsetX = (mouseX - svgCenterX - posX.value) / scale.value;
+      const offsetY = (mouseY - svgCenterY - posY.value) / scale.value;
+      const delta = e.deltaY > 0 ? -0.05 : 0.05;
+      const newScale = Math.min(Math.max(scale.value + delta, 0.1), 10);
+      if (newScale === scale.value) return;
+      scale.value = newScale;
+      posX.value = mouseX - svgCenterX - offsetX * scale.value;
+      posY.value = mouseY - svgCenterY - offsetY * scale.value;
+      updateTransform(svg);
+    };
+    const throttledWheelZoom = throttle(handleWheelZoom, 20, { leading: true, trailing: true });
+    const onWheel = (e) => {
+      if (e.target === containerEl || containerEl.contains(e.target)) {
+        e.preventDefault();
+        throttledWheelZoom(e);
+      }
+    };
+    const onTouchStart = (e) => {
+      if (e.target === containerEl || containerEl.contains(e.target)) {
+        if (e.touches.length === 1) {
+          e.preventDefault();
+          isInteractingWithMermaid = true;
+          onStart(e.touches[0].clientX, e.touches[0].clientY);
+        }
+      }
+    };
+    const onTouchMove = (e) => {
+      if (isInteractingWithMermaid) {
+        e.preventDefault();
+        onMove(e.touches[0].clientX, e.touches[0].clientY);
+      }
+    };
+    containerEl.addEventListener("mousedown", onMouseDown);
+    document.addEventListener("mousemove", onMouseMove);
+    document.addEventListener("mouseup", onEnd);
+    containerEl.addEventListener("wheel", onWheel, { passive: false });
+    containerEl.addEventListener("touchstart", onTouchStart, { passive: false });
+    containerEl.addEventListener("touchmove", onTouchMove, { passive: false });
+    document.addEventListener("touchend", onEnd);
+    return () => {
+      containerEl.removeEventListener("mousedown", onMouseDown);
+      document.removeEventListener("mousemove", onMouseMove);
+      document.removeEventListener("mouseup", onEnd);
+      containerEl.removeEventListener("wheel", onWheel);
+      containerEl.removeEventListener("touchstart", onTouchStart);
+      containerEl.removeEventListener("touchmove", onTouchMove);
+      document.removeEventListener("touchend", onEnd);
+      document.body.style.userSelect = "";
+    };
+  };
+  const zoomIn = () => {
+    const svg = getSvg();
+    if (svg) {
+      scale.value = Math.min(scale.value + 0.2, 10);
+      updateTransform(svg);
+    }
+  };
+  const zoomOut = () => {
+    const svg = getSvg();
+    if (svg) {
+      scale.value = Math.max(scale.value - 0.2, 0.1);
+      updateTransform(svg);
+    }
+  };
+  const reset = () => {
+    const svg = getSvg();
+    if (svg) {
+      resetState();
+      updateTransform(svg);
+    }
+  };
+  const fullscreen = () => {
+    if (!container.value) return;
+    if (document.fullscreenElement) {
+      document.exitFullscreen();
+    } else {
+      container.value.requestFullscreen?.();
+    }
+  };
+  const initialize = () => {
+    if (!container.value) return;
+    resetState();
+    removeEvents = addInteractionEvents(container.value);
+    const svg = getSvg();
+    if (svg) {
+      updateTransform(svg);
+    }
+  };
+  const destroy = () => {
+    removeEvents?.();
+    removeEvents = null;
+    resetState();
+  };
+  watch(
+    () => container.value,
+    () => {
+      destroy();
+      resetState();
+    }
+  );
+  onUnmounted(destroy);
+  return {
+    zoomIn,
+    zoomOut,
+    reset,
+    fullscreen,
+    destroy,
+    initialize
+  };
+}
+export {
+  checkMermaidAvailable,
+  downloadSvgAsPng,
+  useMermaid,
+  useMermaidZoom
+};
+//# sourceMappingURL=x-markdown.es9.js.map

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

@@ -0,0 +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      // 尝试静态导入 mermaid\r\n      await import('mermaid')\r\n      mermaidAvailableCache = true\r\n      return true\r\n    } catch (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/Rollup 在构建时处理\r\n        const mod = await import('mermaid')\r\n        return (mod as any).default\r\n      } catch {\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,84 +1,84 @@
-{
-  "name": "@hejiayue/x-markdown-test",
-  "version": "0.0.1-beta.112",
-  "description": "A markdown component library for Vue",
-  "type": "module",
-  "main": "./dist/x-markdown.cjs",
-  "module": "./dist/x-markdown.es.js",
-  "types": "./dist/types/index.d.ts",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/types/index.d.ts",
-        "default": "./dist/x-markdown.es.js"
-      },
-      "require": {
-        "types": "./dist/types/index.d.ts",
-        "default": "./dist/x-markdown.cjs"
-      }
-    },
-    "./style": "./dist/style.css"
-  },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "*.css",
-    "*.scss",
-    "*.vue"
-  ],
-  "keywords": [
-    "vue",
-    "markdown",
-    "component",
-    "vue3"
-  ],
-  "author": "",
-  "license": "MIT",
-  "peerDependencies": {
-    "vue": "^3.3.0"
-  },
-  "dependencies": {
-    "deepmerge": "^4.3.1",
-    "dompurify": "^3.0.0",
-    "element-plus": "^2.5.0",
-    "hast": "^1.0.0",
-    "lodash-es": "^4.17.21",
-    "mdast": "^3.0.0",
-    "mdast-util-to-hast": "^13.2.1",
-    "property-information": "^7.1.0",
-    "rehype": "^13.0.0",
-    "rehype-katex": "^7.0.0",
-    "rehype-raw": "^7.0.0",
-    "rehype-sanitize": "^6.0.0",
-    "remark": "^15.0.0",
-    "remark-breaks": "^4.0.0",
-    "remark-gfm": "^4.0.0",
-    "remark-math": "^6.0.0",
-    "remark-parse": "^11.0.0",
-    "remark-rehype": "^11.0.0",
-    "unified": "^11.0.0",
-    "unist-util-visit": "^5.0.0"
-  },
-  "devDependencies": {
-    "@types/dompurify": "^3.0.0",
-    "@types/hast": "^3.0.4",
-    "@types/lodash-es": "^4.17.12",
-    "@types/mdast": "^4.0.4",
-    "@types/node": "^20.0.0",
-    "@vitejs/plugin-vue": "^5.0.0",
-    "@vueuse/core": "^14.1.0",
-    "sass": "^1.70.0",
-    "terser": "^5.44.1",
-    "typescript": "^5.3.0",
-    "vite": "^5.0.0",
-    "vue": "^3.3.0",
-    "vue-tsc": "^2.0.0"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build && tsc --project tsconfig.build.json",
-    "lint": "eslint src --ext .ts,.tsx,.vue",
-    "clean": "rm -rf dist node_modules"
-  }
-}
+{
+  "name": "@hejiayue/x-markdown-test",
+  "version": "0.0.1-beta.115",
+  "description": "A markdown component library for Vue",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./style": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "*.css",
+    "*.scss",
+    "*.vue"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc --project tsconfig.build.json",
+    "lint": "eslint src --ext .ts,.tsx,.vue",
+    "clean": "rm -rf dist node_modules"
+  },
+  "keywords": [
+    "vue",
+    "markdown",
+    "component",
+    "vue3"
+  ],
+  "author": "",
+  "license": "MIT",
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
+  "dependencies": {
+    "deepmerge": "^4.3.1",
+    "dompurify": "^3.0.0",
+    "element-plus": "^2.5.0",
+    "hast": "^1.0.0",
+    "lodash-es": "^4.17.21",
+    "mdast": "^3.0.0",
+    "mdast-util-to-hast": "^13.2.1",
+    "property-information": "^7.1.0",
+    "rehype": "^13.0.0",
+    "rehype-katex": "^7.0.0",
+    "rehype-raw": "^7.0.0",
+    "rehype-sanitize": "^6.0.0",
+    "remark": "^15.0.0",
+    "remark-breaks": "^4.0.0",
+    "remark-gfm": "^4.0.0",
+    "remark-math": "^6.0.0",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.0.0",
+    "unified": "^11.0.0",
+    "unist-util-visit": "^5.0.0"
+  },
+  "devDependencies": {
+    "@types/dompurify": "^3.0.0",
+    "@types/hast": "^3.0.4",
+    "@types/lodash-es": "^4.17.12",
+    "@types/mdast": "^4.0.4",
+    "@types/node": "^20.0.0",
+    "@vitejs/plugin-vue": "^5.0.0",
+    "@vueuse/core": "^14.1.0",
+    "sass": "^1.70.0",
+    "terser": "^5.44.1",
+    "typescript": "^5.3.0",
+    "vite": "^5.0.0",
+    "vue": "^3.3.0",
+    "vue-tsc": "^2.0.0"
+  }
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 element-plus-x
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.