@hejiayue/x-markdown-test 0.0.1-beta.135 → 0.0.1-beta.138

package/dist/x-markdown.es28.js

@@ -1,142 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.es33.js

@@ -1,6 +0,0 @@
-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

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