@hejiayue/x-markdown-test 0.0.1-beta.107

package/dist/index-BjeepIV6.js

@@ -0,0 +1,529 @@
+import { defineComponent, ref, computed, nextTick, watch, onMounted, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot, createBlock, createVNode, withDirectives, Transition, withCtx, normalizeProps, guardReactiveProps, Fragment, renderList, normalizeStyle, createCommentVNode, resolveDynamicComponent, unref, vShow, h } from "vue";
+import { u as useMermaid, a as useMermaidZoom, d as downloadSvgAsPng, b as useClipboard, C as CodeBlock } from "./index-Ys7-7uFi.js";
+import { debounce } from "lodash-es";
+const _hoisted_1$1 = {
+  key: 0,
+  class: "syntax-mermaid__loading"
+};
+const _hoisted_2$1 = ["innerHTML"];
+const _sfc_main$1 = /* @__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$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$1))
+      ], 2);
+    };
+  }
+});
+const _hoisted_1 = { class: "toolbar-container" };
+const _hoisted_2 = { class: "mermaid-toolbar" };
+const _hoisted_3 = { class: "toolbar-left" };
+const _hoisted_4 = { class: "segmented-control" };
+const _hoisted_5 = { class: "toolbar-right" };
+const _hoisted_6 = ["title", "onClick"];
+const _hoisted_7 = {
+  key: 0,
+  width: "16",
+  height: "16",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+const _hoisted_8 = {
+  key: 1,
+  width: "16",
+  height: "16",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+const _hoisted_9 = { class: "mermaid-source-code" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    isDark: { type: Boolean, default: false },
+    shikiTheme: { default: () => ["vitesse-light", "vitesse-dark"] },
+    config: { default: () => ({}) },
+    mermaidActions: { default: void 0 },
+    raw: { default: () => ({}) }
+  },
+  setup(__props) {
+    const props = __props;
+    const syntaxMermaidRef = ref(null);
+    const showSourceCode = ref(false);
+    const isDegraded = ref(false);
+    const mermaidContent = computed(() => props.raw?.content || "");
+    const mermaidId = computed(() => `mermaid-${props.raw?.key || "default"}`);
+    const isLoading = computed(() => syntaxMermaidRef.value?.isLoading ?? true);
+    const svg = computed(() => syntaxMermaidRef.value?.svg ?? "");
+    const activeTab = computed(() => showSourceCode.value ? "code" : "diagram");
+    function handleZoomIn(event) {
+      event?.stopPropagation();
+      event?.preventDefault();
+      if (!showSourceCode.value) {
+        syntaxMermaidRef.value?.zoomIn();
+      }
+    }
+    function handleZoomOut(event) {
+      event?.stopPropagation();
+      event?.preventDefault();
+      if (!showSourceCode.value) {
+        syntaxMermaidRef.value?.zoomOut();
+      }
+    }
+    function handleReset(event) {
+      event?.stopPropagation();
+      event?.preventDefault();
+      if (!showSourceCode.value) {
+        syntaxMermaidRef.value?.reset();
+      }
+    }
+    function handleFullscreen() {
+      if (!showSourceCode.value) {
+        syntaxMermaidRef.value?.fullscreen();
+      }
+    }
+    function handleToggleCode() {
+      showSourceCode.value = !showSourceCode.value;
+    }
+    const { copy: copyCode, copied } = useClipboard({ copiedDuring: 1500 });
+    function handleTabClick(tabName) {
+      if (tabName === "code" && !showSourceCode.value) {
+        showSourceCode.value = true;
+      } else if (tabName === "diagram" && showSourceCode.value) {
+        showSourceCode.value = false;
+      }
+    }
+    async function handleCopyCode(event) {
+      event?.stopPropagation();
+      event?.preventDefault();
+      if (copied.value) {
+        return;
+      }
+      if (!props.raw.content) {
+        return;
+      }
+      await copyCode(props.raw.content);
+    }
+    function handleDownload() {
+      syntaxMermaidRef.value?.download();
+    }
+    const normalizedActions = computed(() => {
+      return props.mermaidActions || [];
+    });
+    const filteredActions = computed(() => {
+      return normalizedActions.value.filter((action) => {
+        if (!action.show) return true;
+        return action.show(slotProps.value);
+      });
+    });
+    const slotProps = computed(() => ({
+      showSourceCode: showSourceCode.value,
+      svg: svg.value,
+      rawContent: props.raw.content || "",
+      isLoading: isLoading.value,
+      copied: copied.value,
+      zoomIn: handleZoomIn,
+      zoomOut: handleZoomOut,
+      reset: handleReset,
+      fullscreen: handleFullscreen,
+      toggleCode: handleToggleCode,
+      copyCode: handleCopyCode,
+      download: handleDownload,
+      raw: props.raw
+    }));
+    function renderActionIcon(action) {
+      if (!action.icon) return null;
+      if (typeof action.icon === "string") {
+        return h("span", {
+          class: "mermaid-action-icon",
+          innerHTML: action.icon
+        });
+      }
+      if (typeof action.icon === "function") {
+        try {
+          const result = action.icon(slotProps.value);
+          if (result && typeof result === "object" && "__v_isVNode" in result) {
+            return result;
+          }
+        } catch {
+        }
+        return h(action.icon);
+      }
+      return h(action.icon);
+    }
+    function handleActionClick(action) {
+      if (action.disabled) return;
+      action.onClick?.(slotProps.value);
+    }
+    const exposedMethods = computed(
+      () => ({
+        showSourceCode: showSourceCode.value,
+        svg: svg.value,
+        rawContent: props.raw.content || "",
+        isLoading: isLoading.value,
+        copied: copied.value,
+        zoomIn: handleZoomIn,
+        zoomOut: handleZoomOut,
+        reset: handleReset,
+        fullscreen: handleFullscreen,
+        toggleCode: handleToggleCode,
+        copyCode: handleCopyCode,
+        download: handleDownload,
+        raw: props.raw
+      })
+    );
+    return (_ctx, _cache) => {
+      return isDegraded.value ? (openBlock(), createBlock(CodeBlock, {
+        key: 0,
+        code: props.raw?.content || "",
+        language: "mermaid",
+        "is-dark": props.isDark,
+        "light-theme": props.shikiTheme[0],
+        "dark-theme": props.shikiTheme[1]
+      }, null, 8, ["code", "is-dark", "light-theme", "dark-theme"])) : (openBlock(), createElementBlock("div", {
+        key: props.raw.key,
+        class: normalizeClass(["markdown-mermaid", { "markdown-mermaid--dark": props.isDark }])
+      }, [
+        createVNode(Transition, {
+          name: "toolbar",
+          appear: ""
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              renderSlot(_ctx.$slots, "mermaidHeader", normalizeProps(guardReactiveProps(exposedMethods.value)), () => [
+                createElementVNode("div", _hoisted_2, [
+                  createElementVNode("div", _hoisted_3, [
+                    createElementVNode("div", _hoisted_4, [
+                      createElementVNode("div", {
+                        class: normalizeClass(["segmented-slider", { "slide-right": activeTab.value === "code" }])
+                      }, null, 2),
+                      createElementVNode("div", {
+                        class: normalizeClass(["segment-item", { active: activeTab.value === "diagram" }]),
+                        onClick: _cache[0] || (_cache[0] = ($event) => handleTabClick("diagram"))
+                      }, [..._cache[6] || (_cache[6] = [
+                        createElementVNode("svg", {
+                          width: "14",
+                          height: "14",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          xmlns: "http://www.w3.org/2000/svg"
+                        }, [
+                          createElementVNode("path", {
+                            d: "M12 2L2 7L12 12L22 7L12 2Z",
+                            stroke: "currentColor",
+                            "stroke-width": "2",
+                            "stroke-linecap": "round",
+                            "stroke-linejoin": "round"
+                          }),
+                          createElementVNode("path", {
+                            d: "M2 17L12 22L22 17",
+                            stroke: "currentColor",
+                            "stroke-width": "2",
+                            "stroke-linecap": "round",
+                            "stroke-linejoin": "round"
+                          }),
+                          createElementVNode("path", {
+                            d: "M2 12L12 17L22 12",
+                            stroke: "currentColor",
+                            "stroke-width": "2",
+                            "stroke-linecap": "round",
+                            "stroke-linejoin": "round"
+                          })
+                        ], -1),
+                        createElementVNode("span", null, "预览", -1)
+                      ])], 2),
+                      createElementVNode("div", {
+                        class: normalizeClass(["segment-item", { active: activeTab.value === "code" }]),
+                        onClick: _cache[1] || (_cache[1] = ($event) => handleTabClick("code"))
+                      }, [..._cache[7] || (_cache[7] = [
+                        createElementVNode("svg", {
+                          width: "14",
+                          height: "14",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          xmlns: "http://www.w3.org/2000/svg"
+                        }, [
+                          createElementVNode("path", {
+                            d: "M16 18L22 12L16 6",
+                            stroke: "currentColor",
+                            "stroke-width": "2",
+                            "stroke-linecap": "round",
+                            "stroke-linejoin": "round"
+                          }),
+                          createElementVNode("path", {
+                            d: "M8 6L2 12L8 18",
+                            stroke: "currentColor",
+                            "stroke-width": "2",
+                            "stroke-linecap": "round",
+                            "stroke-linejoin": "round"
+                          })
+                        ], -1),
+                        createElementVNode("span", null, "代码", -1)
+                      ])], 2)
+                    ])
+                  ]),
+                  createElementVNode("div", _hoisted_5, [
+                    renderSlot(_ctx.$slots, "mermaidActions", normalizeProps(guardReactiveProps(exposedMethods.value)), () => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(filteredActions.value, (action) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: action.key,
+                          class: normalizeClass(["toolbar-action-btn", [action.class, { "toolbar-action-btn--disabled": action.disabled }]]),
+                          style: normalizeStyle(action.style),
+                          title: action.title,
+                          onClick: ($event) => handleActionClick(action)
+                        }, [
+                          action.icon ? (openBlock(), createBlock(resolveDynamicComponent(renderActionIcon(action)), { key: 0 })) : createCommentVNode("", true)
+                        ], 14, _hoisted_6);
+                      }), 128)),
+                      showSourceCode.value ? (openBlock(), createElementBlock("div", {
+                        key: 0,
+                        class: normalizeClass(["toolbar-action-btn", { "copy-success": unref(copied) }]),
+                        title: "复制代码",
+                        onClick: _cache[2] || (_cache[2] = ($event) => handleCopyCode($event))
+                      }, [
+                        unref(copied) ? (openBlock(), createElementBlock("svg", _hoisted_7, [..._cache[8] || (_cache[8] = [
+                          createElementVNode("path", {
+                            fill: "currentColor",
+                            d: "M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"
+                          }, null, -1)
+                        ])])) : (openBlock(), createElementBlock("svg", _hoisted_8, [..._cache[9] || (_cache[9] = [
+                          createElementVNode("path", {
+                            fill: "currentColor",
+                            d: "M768 832a128 128 0 0 1-128 128H192A128 128 0 0 1 64 832V384a128 128 0 0 1 128-128v64a64 64 0 0 0-64 64v448a64 64 0 0 0 64 64h448a64 64 0 0 0 64-64z"
+                          }, null, -1),
+                          createElementVNode("path", {
+                            fill: "currentColor",
+                            d: "M384 128a64 64 0 0 0-64 64v448a64 64 0 0 0 64 64h448a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64zm0-64h448a128 128 0 0 1 128 128v448a128 128 0 0 1-128 128H384a128 128 0 0 1-128-128V192A128 128 0 0 1 384 64"
+                          }, null, -1)
+                        ])]))
+                      ], 2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                        createElementVNode("div", {
+                          class: "toolbar-action-btn",
+                          title: "缩小",
+                          onClick: _cache[3] || (_cache[3] = ($event) => handleZoomOut($event))
+                        }, [..._cache[10] || (_cache[10] = [
+                          createElementVNode("svg", {
+                            width: "16",
+                            height: "16",
+                            xmlns: "http://www.w3.org/2000/svg",
+                            viewBox: "0 0 1024 1024"
+                          }, [
+                            createElementVNode("path", {
+                              fill: "currentColor",
+                              d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704M352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64"
+                            })
+                          ], -1)
+                        ])]),
+                        createElementVNode("div", {
+                          class: "toolbar-action-btn",
+                          title: "放大",
+                          onClick: _cache[4] || (_cache[4] = ($event) => handleZoomIn($event))
+                        }, [..._cache[11] || (_cache[11] = [
+                          createElementVNode("svg", {
+                            width: "16",
+                            height: "16",
+                            xmlns: "http://www.w3.org/2000/svg",
+                            viewBox: "0 0 1024 1024"
+                          }, [
+                            createElementVNode("path", {
+                              fill: "currentColor",
+                              d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z"
+                            })
+                          ], -1)
+                        ])]),
+                        createElementVNode("div", {
+                          class: "toolbar-action-btn",
+                          title: "重置",
+                          onClick: _cache[5] || (_cache[5] = ($event) => handleReset($event))
+                        }, [..._cache[12] || (_cache[12] = [
+                          createElementVNode("svg", {
+                            width: "16",
+                            height: "16",
+                            xmlns: "http://www.w3.org/2000/svg",
+                            viewBox: "0 0 1024 1024"
+                          }, [
+                            createElementVNode("path", {
+                              fill: "currentColor",
+                              d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
+                            }),
+                            createElementVNode("path", {
+                              fill: "currentColor",
+                              d: "M512 96a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V128a32 32 0 0 1 32-32m0 576a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V704a32 32 0 0 1 32-32M96 512a32 32 0 0 1 32-32h192a32 32 0 0 1 0 64H128a32 32 0 0 1-32-32m576 0a32 32 0 0 1 32-32h192a32 32 0 1 1 0 64H704a32 32 0 0 1-32-32"
+                            })
+                          ], -1)
+                        ])]),
+                        createElementVNode("div", {
+                          class: "toolbar-action-btn",
+                          title: "下载",
+                          onClick: handleDownload
+                        }, [..._cache[13] || (_cache[13] = [
+                          createElementVNode("svg", {
+                            width: "16",
+                            height: "16",
+                            xmlns: "http://www.w3.org/2000/svg",
+                            viewBox: "0 0 1024 1024"
+                          }, [
+                            createElementVNode("path", {
+                              fill: "currentColor",
+                              d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z"
+                            })
+                          ], -1)
+                        ])])
+                      ], 64))
+                    ])
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          _: 3
+        }),
+        withDirectives(createElementVNode("div", _hoisted_9, [
+          createVNode(CodeBlock, {
+            code: props.raw?.content || "",
+            language: "mermaid",
+            "is-dark": props.isDark,
+            "light-theme": props.shikiTheme[0],
+            "dark-theme": props.shikiTheme[1]
+          }, null, 8, ["code", "is-dark", "light-theme", "dark-theme"])
+        ], 512), [
+          [vShow, showSourceCode.value]
+        ]),
+        withDirectives(createVNode(_sfc_main$1, {
+          ref_key: "syntaxMermaidRef",
+          ref: syntaxMermaidRef,
+          content: mermaidContent.value,
+          id: mermaidId.value,
+          "is-dark": props.isDark,
+          config: props.config
+        }, null, 8, ["content", "id", "is-dark", "config"]), [
+          [vShow, !showSourceCode.value]
+        ])
+      ], 2));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index-BjeepIV6.js.map

package/dist/index-BjeepIV6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BjeepIV6.js","sources":["../src/components/Mermaid/SyntaxMermaid.vue","../src/components/Mermaid/index.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","<script setup lang=\"ts\">\r\nimport type { MdComponent, MermaidExposeProps, MermaidAction, MermaidSlotProps } from './types'\r\nimport type { VNode } from 'vue'\r\nimport { computed, ref, h } from 'vue'\r\nimport { useClipboard } from '@vueuse/core'\r\n// 使用构建时检测的 mermaid 可用性标志\r\nimport { HAS_MERMAID } from 'virtual:mermaid-check'\r\nimport SyntaxMermaid from './SyntaxMermaid.vue'\r\nimport CodeBlock from '../CodeBlock/index.vue'\r\n\r\ninterface MermaidProps extends MdComponent {\r\n  isDark?: boolean\r\n  shikiTheme?: [string, string]\r\n  config?: Record<string, any>\r\n  mermaidActions?: MermaidAction[]\r\n}\r\n\r\nconst props = withDefaults(defineProps<MermaidProps>(), {\r\n  raw: () => ({}),\r\n  isDark: false,\r\n  shikiTheme: () => ['vitesse-light', 'vitesse-dark'],\r\n  config: () => ({}),\r\n  mermaidActions: undefined,\r\n})\r\n\r\nconst syntaxMermaidRef = ref<InstanceType<typeof SyntaxMermaid> | null>(null)\r\nconst showSourceCode = ref(false)\r\n// 使用构建时检测的结果：如果构建时检测到 mermaid，则不降级；否则降级\r\n// 这样可以避免运行时异步检测导致的闪烁\r\nconst isDegraded = ref(!HAS_MERMAID)\r\nconst mermaidContent = computed(() => props.raw?.content || '')\r\nconst mermaidId = computed(() => `mermaid-${props.raw?.key || 'default'}`)\r\nconst isLoading = computed(() => syntaxMermaidRef.value?.isLoading ?? true)\r\nconst svg = computed(() => syntaxMermaidRef.value?.svg ?? '')\r\nconst activeTab = computed(() => (showSourceCode.value ? 'code' : 'diagram'))\r\n\r\nfunction handleZoomIn(event?: Event) {\r\n  event?.stopPropagation()\r\n  event?.preventDefault()\r\n  if (!showSourceCode.value) {\r\n    syntaxMermaidRef.value?.zoomIn()\r\n  }\r\n}\r\n\r\nfunction handleZoomOut(event?: Event) {\r\n  event?.stopPropagation()\r\n  event?.preventDefault()\r\n  if (!showSourceCode.value) {\r\n    syntaxMermaidRef.value?.zoomOut()\r\n  }\r\n}\r\n\r\nfunction handleReset(event?: Event) {\r\n  event?.stopPropagation()\r\n  event?.preventDefault()\r\n  if (!showSourceCode.value) {\r\n    syntaxMermaidRef.value?.reset()\r\n  }\r\n}\r\n\r\nfunction handleFullscreen() {\r\n  if (!showSourceCode.value) {\r\n    syntaxMermaidRef.value?.fullscreen()\r\n  }\r\n}\r\n\r\nfunction handleToggleCode() {\r\n  showSourceCode.value = !showSourceCode.value\r\n}\r\n\r\nconst { copy: copyCode, copied } = useClipboard({ copiedDuring: 1500 })\r\n\r\nfunction handleTabClick(tabName: string) {\r\n  if (tabName === 'code' && !showSourceCode.value) {\r\n    showSourceCode.value = true\r\n  } else if (tabName === 'diagram' && showSourceCode.value) {\r\n    showSourceCode.value = false\r\n  }\r\n}\r\n\r\nasync function handleCopyCode(event?: Event) {\r\n  event?.stopPropagation()\r\n  event?.preventDefault()\r\n\r\n  if (copied.value) {\r\n    return\r\n  }\r\n\r\n  if (!props.raw.content) {\r\n    return\r\n  }\r\n  await copyCode(props.raw.content)\r\n}\r\n\r\nfunction handleDownload() {\r\n  syntaxMermaidRef.value?.download()\r\n}\r\n\r\nconst normalizedActions = computed<MermaidAction[]>(() => {\r\n  return props.mermaidActions || []\r\n})\r\n\r\nconst filteredActions = computed<MermaidAction[]>(() => {\r\n  return normalizedActions.value.filter((action) => {\r\n    if (!action.show) return true\r\n    return action.show(slotProps.value)\r\n  })\r\n})\r\n\r\nconst slotProps = computed<MermaidSlotProps>(() => ({\r\n  showSourceCode: showSourceCode.value,\r\n  svg: svg.value,\r\n  rawContent: props.raw.content || '',\r\n  isLoading: isLoading.value,\r\n  copied: copied.value,\r\n  zoomIn: handleZoomIn,\r\n  zoomOut: handleZoomOut,\r\n  reset: handleReset,\r\n  fullscreen: handleFullscreen,\r\n  toggleCode: handleToggleCode,\r\n  copyCode: handleCopyCode,\r\n  download: handleDownload,\r\n  raw: props.raw,\r\n}))\r\n\r\nfunction renderActionIcon(action: MermaidAction): VNode | null {\r\n  if (!action.icon) return null\r\n\r\n  if (typeof action.icon === 'string') {\r\n    return h('span', {\r\n      class: 'mermaid-action-icon',\r\n      innerHTML: action.icon,\r\n    })\r\n  }\r\n\r\n  if (typeof action.icon === 'function') {\r\n    try {\r\n      const result = (action.icon as (props: MermaidSlotProps) => VNode)(slotProps.value)\r\n      if (result && typeof result === 'object' && '__v_isVNode' in result) {\r\n        return result\r\n      }\r\n    } catch {}\r\n    return h(action.icon as any)\r\n  }\r\n\r\n  return h(action.icon as any)\r\n}\r\n\r\nfunction handleActionClick(action: MermaidAction) {\r\n  if (action.disabled) return\r\n  action.onClick?.(slotProps.value)\r\n}\r\n\r\nconst exposedMethods = computed(\r\n  () =>\r\n    ({\r\n      showSourceCode: showSourceCode.value,\r\n      svg: svg.value,\r\n      rawContent: props.raw.content || '',\r\n      isLoading: isLoading.value,\r\n      copied: copied.value,\r\n      zoomIn: handleZoomIn,\r\n      zoomOut: handleZoomOut,\r\n      reset: handleReset,\r\n      fullscreen: handleFullscreen,\r\n      toggleCode: handleToggleCode,\r\n      copyCode: handleCopyCode,\r\n      download: handleDownload,\r\n      raw: props.raw,\r\n    }) satisfies MermaidExposeProps,\r\n)\r\n</script>\r\n\r\n<template>\r\n  <!-- 当 Mermaid 不可用时（降级），渲染 CodeBlock -->\r\n  <CodeBlock\r\n    v-if=\"isDegraded\"\r\n    :code=\"props.raw?.content || ''\"\r\n    language=\"mermaid\"\r\n    :is-dark=\"props.isDark\"\r\n    :light-theme=\"props.shikiTheme[0]\"\r\n    :dark-theme=\"props.shikiTheme[1]\"\r\n  />\r\n\r\n  <!-- 当 Mermaid 可用时，渲染完整的 Mermaid 组件 -->\r\n  <div v-else :key=\"props.raw.key\" class=\"markdown-mermaid\" :class=\"{ 'markdown-mermaid--dark': props.isDark }\">\r\n    <Transition name=\"toolbar\" appear>\r\n      <div class=\"toolbar-container\">\r\n        <slot name=\"mermaidHeader\" v-bind=\"exposedMethods\">\r\n          <div class=\"mermaid-toolbar\">\r\n            <div class=\"toolbar-left\">\r\n              <div class=\"segmented-control\">\r\n                <div class=\"segmented-slider\" :class=\"{ 'slide-right': activeTab === 'code' }\" />\r\n                <div\r\n                  class=\"segment-item\"\r\n                  :class=\"{ active: activeTab === 'diagram' }\"\r\n                  @click=\"handleTabClick('diagram')\"\r\n                >\r\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path\r\n                      d=\"M12 2L2 7L12 12L22 7L12 2Z\"\r\n                      stroke=\"currentColor\"\r\n                      stroke-width=\"2\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                    <path\r\n                      d=\"M2 17L12 22L22 17\"\r\n                      stroke=\"currentColor\"\r\n                      stroke-width=\"2\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                    <path\r\n                      d=\"M2 12L12 17L22 12\"\r\n                      stroke=\"currentColor\"\r\n                      stroke-width=\"2\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                  <span>预览</span>\r\n                </div>\r\n                <div class=\"segment-item\" :class=\"{ active: activeTab === 'code' }\" @click=\"handleTabClick('code')\">\r\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path\r\n                      d=\"M16 18L22 12L16 6\"\r\n                      stroke=\"currentColor\"\r\n                      stroke-width=\"2\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                    <path\r\n                      d=\"M8 6L2 12L8 18\"\r\n                      stroke=\"currentColor\"\r\n                      stroke-width=\"2\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                  <span>代码</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"toolbar-right\">\r\n              <slot name=\"mermaidActions\" v-bind=\"exposedMethods\">\r\n                <div\r\n                  v-for=\"action in filteredActions\"\r\n                  :key=\"action.key\"\r\n                  class=\"toolbar-action-btn\"\r\n                  :class=\"[action.class, { 'toolbar-action-btn--disabled': action.disabled }]\"\r\n                  :style=\"action.style\"\r\n                  :title=\"action.title\"\r\n                  @click=\"handleActionClick(action)\"\r\n                >\r\n                  <component :is=\"renderActionIcon(action)\" v-if=\"action.icon\" />\r\n                </div>\r\n\r\n                <template v-if=\"showSourceCode\">\r\n                  <div\r\n                    class=\"toolbar-action-btn\"\r\n                    :class=\"{ 'copy-success': copied }\"\r\n                    title=\"复制代码\"\r\n                    @click=\"handleCopyCode($event)\"\r\n                  >\r\n                    <svg\r\n                      v-if=\"copied\"\r\n                      width=\"16\"\r\n                      height=\"16\"\r\n                      xmlns=\"http://www.w3.org/2000/svg\"\r\n                      viewBox=\"0 0 1024 1024\"\r\n                    >\r\n                      <path\r\n                        fill=\"currentColor\"\r\n                        d=\"M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z\"\r\n                      />\r\n                    </svg>\r\n                    <svg v-else width=\"16\" height=\"16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\">\r\n                      <path\r\n                        fill=\"currentColor\"\r\n                        d=\"M768 832a128 128 0 0 1-128 128H192A128 128 0 0 1 64 832V384a128 128 0 0 1 128-128v64a64 64 0 0 0-64 64v448a64 64 0 0 0 64 64h448a64 64 0 0 0 64-64z\"\r\n                      />\r\n                      <path\r\n                        fill=\"currentColor\"\r\n                        d=\"M384 128a64 64 0 0 0-64 64v448a64 64 0 0 0 64 64h448a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64zm0-64h448a128 128 0 0 1 128 128v448a128 128 0 0 1-128 128H384a128 128 0 0 1-128-128V192A128 128 0 0 1 384 64\"\r\n                      />\r\n                    </svg>\r\n                  </div>\r\n                </template>\r\n\r\n                <template v-else>\r\n                  <div class=\"toolbar-action-btn\" title=\"缩小\" @click=\"handleZoomOut($event)\">\r\n                    <svg width=\"16\" height=\"16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\">\r\n                      <path\r\n                        fill=\"currentColor\"\r\n                        d=\"m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704M352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64\"\r\n                      />\r\n                    </svg>\r\n                  </div>\r\n\r\n                  <div class=\"toolbar-action-btn\" title=\"放大\" @click=\"handleZoomIn($event)\">\r\n                    <svg width=\"16\" height=\"16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\">\r\n                      <path\r\n                        fill=\"currentColor\"\r\n                        d=\"m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z\"\r\n                      />\r\n                    </svg>\r\n                  </div>\r\n\r\n                  <div class=\"toolbar-action-btn\" title=\"重置\" @click=\"handleReset($event)\">\r\n                    <svg width=\"16\" height=\"16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\">\r\n                      <path\r\n                        fill=\"currentColor\"\r\n                        d=\"M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896\"\r\n                      />\r\n                      <path\r\n                        fill=\"currentColor\"\r\n                        d=\"M512 96a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V128a32 32 0 0 1 32-32m0 576a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V704a32 32 0 0 1 32-32M96 512a32 32 0 0 1 32-32h192a32 32 0 0 1 0 64H128a32 32 0 0 1-32-32m576 0a32 32 0 0 1 32-32h192a32 32 0 1 1 0 64H704a32 32 0 0 1-32-32\"\r\n                      />\r\n                    </svg>\r\n                  </div>\r\n\r\n                  <div class=\"toolbar-action-btn\" title=\"下载\" @click=\"handleDownload\">\r\n                    <svg width=\"16\" height=\"16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\">\r\n                      <path\r\n                        fill=\"currentColor\"\r\n                        d=\"M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z\"\r\n                      />\r\n                    </svg>\r\n                  </div>\r\n                </template>\r\n              </slot>\r\n            </div>\r\n          </div>\r\n        </slot>\r\n      </div>\r\n    </Transition>\r\n\r\n    <div v-show=\"showSourceCode\" class=\"mermaid-source-code\">\r\n      <CodeBlock\r\n        :code=\"props.raw?.content || ''\"\r\n        language=\"mermaid\"\r\n        :is-dark=\"props.isDark\"\r\n        :light-theme=\"props.shikiTheme[0]\"\r\n        :dark-theme=\"props.shikiTheme[1]\"\r\n      />\r\n    </div>\r\n\r\n    <SyntaxMermaid\r\n      v-show=\"!showSourceCode\"\r\n      ref=\"syntaxMermaidRef\"\r\n      :content=\"mermaidContent\"\r\n      :id=\"mermaidId\"\r\n      :is-dark=\"props.isDark\"\r\n      :config=\"props.config\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.markdown-mermaid {\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  font-size: 0;\r\n  background: rgba(0, 0, 0, 0.03);\r\n}\r\n\r\n.markdown-mermaid.markdown-mermaid--dark {\r\n  background: rgba(255, 255, 255, 0.13);\r\n}\r\n\r\n.markdown-mermaid .toolbar-container {\r\n  position: relative;\r\n  z-index: 10;\r\n  flex-shrink: 0;\r\n  background: rgba(0, 0, 0, 0.05);\r\n  color: #333;\r\n}\r\n\r\n.markdown-mermaid.markdown-mermaid--dark .toolbar-container {\r\n  background: rgba(0, 0, 0, 0.25);\r\n  color: #fff;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 8px 16px;\r\n  background: transparent;\r\n  color: inherit;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .toolbar-left {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .segmented-control {\r\n  display: flex;\r\n  align-items: center;\r\n  position: relative;\r\n  background: rgba(0, 0, 0, 0.06);\r\n  border-radius: 6px;\r\n  padding: 3px;\r\n  gap: 2px;\r\n}\r\n\r\n.markdown-mermaid.markdown-mermaid--dark .mermaid-toolbar .segmented-control {\r\n  background: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .segmented-slider {\r\n  position: absolute;\r\n  top: 3px;\r\n  left: 3px;\r\n  width: calc(50% - 4px);\r\n  height: calc(100% - 6px);\r\n  background: #fff;\r\n  border-radius: 4px;\r\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n  z-index: 0;\r\n}\r\n\r\n.markdown-mermaid.markdown-mermaid--dark .mermaid-toolbar .segmented-slider {\r\n  background: rgba(255, 255, 255, 0.15);\r\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .segmented-slider.slide-right {\r\n  transform: translateX(calc(100% + 2px));\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .segment-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  font-size: 12px;\r\n  border: none;\r\n  color: inherit;\r\n  min-width: 60px;\r\n  text-align: center;\r\n  box-sizing: border-box;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  border-radius: 4px;\r\n  padding: 5px 12px;\r\n  transition: all 0.2s ease;\r\n  background: transparent;\r\n  opacity: 0.6;\r\n  user-select: none;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .segment-item.active {\r\n  opacity: 1;\r\n}\r\n\r\n.markdown-mermaid.markdown-mermaid--dark .mermaid-toolbar .segment-item.active {\r\n  color: #fff;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .segment-item:hover {\r\n  opacity: 1;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .segment-item svg {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .toolbar-right {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .toolbar-action-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 28px;\r\n  height: 28px;\r\n  padding: 0;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: inherit;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  opacity: 0.7;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .toolbar-action-btn:hover {\r\n  opacity: 1;\r\n  background: rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .toolbar-action-btn.copy-success {\r\n  opacity: 1;\r\n  color: #22c55e;\r\n}\r\n\r\n.markdown-mermaid.markdown-mermaid--dark .mermaid-toolbar .toolbar-action-btn:hover {\r\n  background: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .toolbar-action-btn.toolbar-action-btn--disabled {\r\n  opacity: 0.3;\r\n  cursor: not-allowed;\r\n  pointer-events: none;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .mermaid-action-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.markdown-mermaid .mermaid-toolbar .mermaid-action-icon :deep(svg) {\r\n  width: 16px;\r\n  height: 16px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.markdown-mermaid .mermaid-source-code {\r\n  position: relative;\r\n  z-index: 1;\r\n  flex: 1;\r\n  width: 100%;\r\n  overflow: auto;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.toolbar-enter-active,\r\n.toolbar-leave-active {\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.toolbar-enter-from,\r\n.toolbar-leave-to {\r\n  opacity: 0;\r\n}\r\n</style>\r\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_openBlock","_hoisted_1","_renderSlot","_createBlock","_createVNode","_Transition","_normalizeProps","_guardReactiveProps","_Fragment","_renderList","_normalizeStyle","_resolveDynamicComponent","_unref","_withDirectives","SyntaxMermaid"],"mappings":"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"}

package/dist/index-CgG50XSZ.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./index-DtKeGkdv.cjs"),o=require("lodash-es"),a={key:0,class:"syntax-mermaid__loading"},n=["innerHTML"],l=e.defineComponent({__name:"SyntaxMermaid",props:{content:{default:""},id:{default:"mermaid-default"},isDark:{type:Boolean,default:!1},config:{default:()=>({})}},emits:["degraded","ready"],setup(l,{expose:r,emit:i}){const d=l,c=i,s=e.ref(null),m=e.computed(()=>d.content),u=e.computed(()=>({id:d.id,theme:d.isDark?"dark":"default",config:d.config,container:s.value})),v=t.useMermaid(m,u),h=e.ref(""),g=e.computed(()=>v.isLoading.value),k=e.computed(()=>v.error.value),p=e.ref(null),w=t.useMermaidZoom({container:p}),f=o.debounce(function(){e.nextTick(()=>{p.value&&w.initialize()})},500);return e.watch(()=>v.data.value,(e,t)=>{console.log("[SyntaxMermaid] mermaidResult.data.value changed:",{oldSvg:t,newSvg:e,isNewSvg:!!e,startsWithSvg:e?.trim().startsWith("<svg"),preview:e?.substring(0,50)}),e&&(h.value=e,f(),e.trim().startsWith("<svg")?(console.log("[SyntaxMermaid] Emitting ready event - Mermaid is available"),c("ready")):(console.log("[SyntaxMermaid] Emitting degraded event - Mermaid not available"),c("degraded")))},{immediate:!0}),e.watch(h,e=>{e&&f()}),e.onMounted(()=>{h.value&&f()}),r({svg:h,isLoading:g,error:k,containerRef:p,zoomIn:function(){w?.zoomIn()},zoomOut:function(){w?.zoomOut()},reset:function(){w?.reset()},fullscreen:function(){w?.fullscreen(),w?.reset()},download:function(){t.downloadSvgAsPng(h.value)},getSvg:function(){return h.value},reinitialize:function(){f()}}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:p,class:e.normalizeClass(["syntax-mermaid",{"syntax-mermaid--dark":d.isDark}])},[e.createElementVNode("div",{ref_key:"renderContainerRef",ref:s,class:"syntax-mermaid__render-container","aria-hidden":"true"},null,512),g.value?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(t.$slots,"loading",{},()=>[o[0]||(o[0]=e.createElementVNode("span",{class:"syntax-mermaid__loading-text"},"加载中...",-1))])])):(e.openBlock(),e.createElementBlock("div",{key:1,class:"syntax-mermaid__content",innerHTML:h.value},null,8,n))],2))}}),r={class:"toolbar-container"},i={class:"mermaid-toolbar"},d={class:"toolbar-left"},c={class:"segmented-control"},s={class:"toolbar-right"},m=["title","onClick"],u={key:0,width:"16",height:"16",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},v={key:1,width:"16",height:"16",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},h={class:"mermaid-source-code"},g=e.defineComponent({__name:"index",props:{isDark:{type:Boolean,default:!1},shikiTheme:{default:()=>["vitesse-light","vitesse-dark"]},config:{default:()=>({})},mermaidActions:{default:void 0},raw:{default:()=>({})}},setup(o){const a=o,n=e.ref(null),g=e.ref(!1),k=e.ref(!1),p=e.computed(()=>a.raw?.content||""),w=e.computed(()=>`mermaid-${a.raw?.key||"default"}`),f=e.computed(()=>n.value?.isLoading??!0),E=e.computed(()=>n.value?.svg??""),y=e.computed(()=>g.value?"code":"diagram");function C(e){e?.stopPropagation(),e?.preventDefault(),g.value||n.value?.zoomIn()}function V(e){e?.stopPropagation(),e?.preventDefault(),g.value||n.value?.zoomOut()}function N(e){e?.stopPropagation(),e?.preventDefault(),g.value||n.value?.reset()}function B(){g.value||n.value?.fullscreen()}function x(){g.value=!g.value}const{copy:b,copied:z}=t.useClipboard({copiedDuring:1500});function M(e){"code"!==e||g.value?"diagram"===e&&g.value&&(g.value=!1):g.value=!0}async function L(e){e?.stopPropagation(),e?.preventDefault(),z.value||a.raw.content&&await b(a.raw.content)}function S(){n.value?.download()}const _=e.computed(()=>a.mermaidActions||[]),D=e.computed(()=>_.value.filter(e=>!e.show||e.show(T.value))),T=e.computed(()=>({showSourceCode:g.value,svg:E.value,rawContent:a.raw.content||"",isLoading:f.value,copied:z.value,zoomIn:C,zoomOut:V,reset:N,fullscreen:B,toggleCode:x,copyCode:L,download:S,raw:a.raw}));function H(t){if(!t.icon)return null;if("string"==typeof t.icon)return e.h("span",{class:"mermaid-action-icon",innerHTML:t.icon});if("function"==typeof t.icon){try{const e=t.icon(T.value);if(e&&"object"==typeof e&&"__v_isVNode"in e)return e}catch{}return e.h(t.icon)}return e.h(t.icon)}const P=e.computed(()=>({showSourceCode:g.value,svg:E.value,rawContent:a.raw.content||"",isLoading:f.value,copied:z.value,zoomIn:C,zoomOut:V,reset:N,fullscreen:B,toggleCode:x,copyCode:L,download:S,raw:a.raw}));return(o,f)=>k.value?(e.openBlock(),e.createBlock(t.CodeBlock,{key:0,code:a.raw?.content||"",language:"mermaid","is-dark":a.isDark,"light-theme":a.shikiTheme[0],"dark-theme":a.shikiTheme[1]},null,8,["code","is-dark","light-theme","dark-theme"])):(e.openBlock(),e.createElementBlock("div",{key:a.raw.key,class:e.normalizeClass(["markdown-mermaid",{"markdown-mermaid--dark":a.isDark}])},[e.createVNode(e.Transition,{name:"toolbar",appear:""},{default:e.withCtx(()=>[e.createElementVNode("div",r,[e.renderSlot(o.$slots,"mermaidHeader",e.normalizeProps(e.guardReactiveProps(P.value)),()=>[e.createElementVNode("div",i,[e.createElementVNode("div",d,[e.createElementVNode("div",c,[e.createElementVNode("div",{class:e.normalizeClass(["segmented-slider",{"slide-right":"code"===y.value}])},null,2),e.createElementVNode("div",{class:e.normalizeClass(["segment-item",{active:"diagram"===y.value}]),onClick:f[0]||(f[0]=e=>M("diagram"))},[...f[6]||(f[6]=[e.createElementVNode("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M12 2L2 7L12 12L22 7L12 2Z",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M2 17L12 22L22 17",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M2 12L12 17L22 12",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1),e.createElementVNode("span",null,"预览",-1)])],2),e.createElementVNode("div",{class:e.normalizeClass(["segment-item",{active:"code"===y.value}]),onClick:f[1]||(f[1]=e=>M("code"))},[...f[7]||(f[7]=[e.createElementVNode("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M16 18L22 12L16 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElementVNode("path",{d:"M8 6L2 12L8 18",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1),e.createElementVNode("span",null,"代码",-1)])],2)])]),e.createElementVNode("div",s,[e.renderSlot(o.$slots,"mermaidActions",e.normalizeProps(e.guardReactiveProps(P.value)),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value,t=>(e.openBlock(),e.createElementBlock("div",{key:t.key,class:e.normalizeClass(["toolbar-action-btn",[t.class,{"toolbar-action-btn--disabled":t.disabled}]]),style:e.normalizeStyle(t.style),title:t.title,onClick:e=>function(e){e.disabled||e.onClick?.(T.value)}(t)},[t.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(H(t)),{key:0})):e.createCommentVNode("",!0)],14,m))),128)),g.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["toolbar-action-btn",{"copy-success":e.unref(z)}]),title:"复制代码",onClick:f[2]||(f[2]=e=>L(e))},[e.unref(z)?(e.openBlock(),e.createElementBlock("svg",u,[...f[8]||(f[8]=[e.createElementVNode("path",{fill:"currentColor",d:"M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"},null,-1)])])):(e.openBlock(),e.createElementBlock("svg",v,[...f[9]||(f[9]=[e.createElementVNode("path",{fill:"currentColor",d:"M768 832a128 128 0 0 1-128 128H192A128 128 0 0 1 64 832V384a128 128 0 0 1 128-128v64a64 64 0 0 0-64 64v448a64 64 0 0 0 64 64h448a64 64 0 0 0 64-64z"},null,-1),e.createElementVNode("path",{fill:"currentColor",d:"M384 128a64 64 0 0 0-64 64v448a64 64 0 0 0 64 64h448a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64zm0-64h448a128 128 0 0 1 128 128v448a128 128 0 0 1-128 128H384a128 128 0 0 1-128-128V192A128 128 0 0 1 384 64"},null,-1)])]))],2)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:"toolbar-action-btn",title:"缩小",onClick:f[3]||(f[3]=e=>V(e))},[...f[10]||(f[10]=[e.createElementVNode("svg",{width:"16",height:"16",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704M352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64"})],-1)])]),e.createElementVNode("div",{class:"toolbar-action-btn",title:"放大",onClick:f[4]||(f[4]=e=>C(e))},[...f[11]||(f[11]=[e.createElementVNode("svg",{width:"16",height:"16",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z"})],-1)])]),e.createElementVNode("div",{class:"toolbar-action-btn",title:"重置",onClick:f[5]||(f[5]=e=>N(e))},[...f[12]||(f[12]=[e.createElementVNode("svg",{width:"16",height:"16",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"}),e.createElementVNode("path",{fill:"currentColor",d:"M512 96a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V128a32 32 0 0 1 32-32m0 576a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V704a32 32 0 0 1 32-32M96 512a32 32 0 0 1 32-32h192a32 32 0 0 1 0 64H128a32 32 0 0 1-32-32m576 0a32 32 0 0 1 32-32h192a32 32 0 1 1 0 64H704a32 32 0 0 1-32-32"})],-1)])]),e.createElementVNode("div",{class:"toolbar-action-btn",title:"下载",onClick:S},[...f[13]||(f[13]=[e.createElementVNode("svg",{width:"16",height:"16",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z"})],-1)])])],64))])])])])])]),_:3}),e.withDirectives(e.createElementVNode("div",h,[e.createVNode(t.CodeBlock,{code:a.raw?.content||"",language:"mermaid","is-dark":a.isDark,"light-theme":a.shikiTheme[0],"dark-theme":a.shikiTheme[1]},null,8,["code","is-dark","light-theme","dark-theme"])],512),[[e.vShow,g.value]]),e.withDirectives(e.createVNode(l,{ref_key:"syntaxMermaidRef",ref:n,content:p.value,id:w.value,"is-dark":a.isDark,config:a.config},null,8,["content","id","is-dark","config"]),[[e.vShow,!g.value]])],2))}});exports.default=g;
+//# sourceMappingURL=index-CgG50XSZ.cjs.map