qidian-vue-ui 1.1.58 → 1.1.59

package/dist/node_modules/.pnpm/md-editor-v3@6.2.1_vue@3.5.26_typescript@5.9.3_/node_modules/md-editor-v3/lib/es/chunks/index3.mjs

@@ -0,0 +1,2052 @@
+import { useId, reactive, watch, onMounted, ref, provide, computed, defineComponent, inject, createVNode, Fragment, toRef, nextTick, onBeforeUnmount, h as h$3, shallowRef } from "vue";
+import { deepMerge as h$1, deepClone as u, randomId as W, debounce as x } from "../../../../../../@vavt_util@2.1.1/node_modules/@vavt/util/lib/es/index.mjs";
+import { b, a as k, p, g as h, f as g$1, s as v } from "./config.mjs";
+import { b as F, U as I, C, B as L, O as i, E as N, P as _, F as r, f as A$1, g as R, H as p$1, h as g, R as G, e as V, i as D, d as h$2, j as S, k as H, T as O } from "./event-bus.mjs";
+import { a as A, u as b$1, c as V$1, z as R$1, S as p$2 } from "./dom.mjs";
+import copy2Clipboard from "../../../../../../@vavt_copy2clipboard@1.0.3/node_modules/@vavt/copy2clipboard/index.mjs";
+import MarkdownIt from "../../../../../../markdown-it@14.1.0/node_modules/markdown-it/lib/index.mjs";
+import r$1 from "../../../../../../markdown-it-image-figures@2.1.1_markdown-it@14.1.0/node_modules/markdown-it-image-figures/dist/markdown-it-images-figures.mjs";
+import sub_plugin from "../../../../../../markdown-it-sub@2.0.0/node_modules/markdown-it-sub/index.mjs";
+import sup_plugin from "../../../../../../markdown-it-sup@2.0.0/node_modules/markdown-it-sup/index.mjs";
+import { g as l } from "./index5.mjs";
+import { LRUCache } from "../../../../../../lru-cache@11.2.4/node_modules/lru-cache/dist/esm/index.mjs";
+import mediumZoom from "../../../../../../medium-zoom@1.1.0/node_modules/medium-zoom/dist/medium-zoom.esm.mjs";
+const M = {
+  hljs: `${p}-hljs`,
+  hlcss: `${p}-hlCss`,
+  prettier: `${p}-prettier`,
+  prettierMD: `${p}-prettierMD`,
+  cropperjs: `${p}-cropper`,
+  croppercss: `${p}-cropperCss`,
+  screenfull: `${p}-screenfull`,
+  mermaidM: `${p}-mermaid-m`,
+  mermaid: `${p}-mermaid`,
+  katexjs: `${p}-katex`,
+  katexcss: `${p}-katexCss`,
+  echarts: `${p}-echarts`
+}, Jt = (e, t, r2) => {
+  const { editorId: n } = r2, o = reactive({
+    // 是否已编译成html
+    buildFinished: false,
+    // 存储当前最新的html
+    html: ""
+  });
+  watch(
+    () => e.modelValue,
+    () => {
+      o.buildFinished = false;
+    }
+  ), onMounted(() => {
+    F.on(n, {
+      name: L,
+      callback(u2) {
+        o.buildFinished = true, o.html = u2;
+      }
+    }), F.on(n, {
+      name: i,
+      callback() {
+        const u2 = new Promise((c) => {
+          if (o.buildFinished)
+            c(o.html);
+          else {
+            const m = (s) => {
+              c(s), F.remove(n, L, m);
+            };
+            F.on(n, {
+              name: L,
+              callback: m
+            });
+          }
+        });
+        e.onSave ? e.onSave(e.modelValue, u2) : t.emit("onSave", e.modelValue, u2);
+      }
+    });
+  });
+}, Te = (e, {
+  editorId: t,
+  rootRef: r2,
+  setting: n
+}) => {
+  const o = h.editorExtensions.highlight, u$1 = h.editorExtensionsAttrs.highlight;
+  provide("editorId", t), provide("rootRef", r2), provide(
+    "theme",
+    computed(() => e.theme)
+  ), provide(
+    "language",
+    computed(() => e.language)
+  ), provide(
+    "highlight",
+    computed(() => {
+      const { js: m } = o, s = {
+        ...g$1,
+        ...o.css
+      }, { js: l2, css: i2 = {} } = u$1 || {}, a = e.codeStyleReverse && e.codeStyleReverseList.includes(e.previewTheme) ? "dark" : e.theme, d = s[e.codeTheme] ? s[e.codeTheme][a] : g$1.atom[a], $ = s[e.codeTheme] && i2[e.codeTheme] ? i2[e.codeTheme][a] : i2.atom ? i2.atom[a] : {};
+      return {
+        js: {
+          src: m,
+          ...l2
+        },
+        css: {
+          href: d,
+          ...$
+        }
+      };
+    })
+  ), provide("showCodeRowNumber", e.showCodeRowNumber);
+  const c = computed(() => {
+    const m = {
+      ...v,
+      ...h.editorConfig.languageUserDefined
+    };
+    return h$1(
+      u(v["en-US"]),
+      m[e.language] || {}
+    );
+  });
+  return provide("usedLanguageText", c), provide(
+    "previewTheme",
+    computed(() => e.previewTheme)
+  ), provide(
+    "customIcon",
+    computed(() => e.customIcon)
+  ), provide(
+    "setting",
+    computed(() => n ? {
+      // setting是reactive，不转化是可以直接赋值的
+      ...n
+    } : {
+      preview: true,
+      htmlPreview: false,
+      previewOnly: false,
+      pageFullscreen: false,
+      fullscreen: false
+    })
+  ), { editorId: t };
+}, Xt = (e, t) => (provide("tabWidth", e.tabWidth), provide(
+  "disabled",
+  computed(() => e.disabled)
+), provide(
+  "showToolbarName",
+  computed(() => e.showToolbarName)
+), provide("noUploadImg", e.noUploadImg), provide(
+  "tableShape",
+  computed(() => e.tableShape)
+), provide("noPrettier", e.noPrettier), provide(
+  "codeTheme",
+  computed(() => e.codeTheme)
+), provide("updateSetting", t.updateSetting), provide(
+  "catalogVisible",
+  computed(() => t.catalogVisible.value)
+), provide("defToolbars", t.defToolbars), provide(
+  "floatingToolbars",
+  computed(() => e.floatingToolbars)
+), Te(e, t)), Yt = (e) => {
+  const { noPrettier: t, noUploadImg: r2 } = e, { editorExtensions: n, editorExtensionsAttrs: o } = h, u2 = t || n.prettier.prettierInstance, c = t || n.prettier.parserMarkdownInstance, m = r2 || n.cropper.instance;
+  onMounted(() => {
+    if (!m) {
+      const { js: s = {}, css: l2 = {} } = o.cropper || {};
+      A("link", {
+        ...l2,
+        rel: "stylesheet",
+        href: n.cropper.css,
+        id: M.croppercss
+      }), A("script", {
+        ...s,
+        src: n.cropper.js,
+        id: M.cropperjs
+      });
+    }
+    if (!u2) {
+      const { standaloneJs: s = {} } = o.prettier || {};
+      A("script", {
+        ...s,
+        src: n.prettier.standaloneJs,
+        id: M.prettier
+      });
+    }
+    if (!c) {
+      const { parserMarkdownJs: s = {} } = o.prettier || {};
+      A("script", {
+        ...s,
+        src: n.prettier.parserMarkdownJs,
+        id: M.prettierMD
+      });
+    }
+  });
+}, Qt = (e, t, r2) => {
+  const { editorId: n } = r2;
+  onMounted(() => {
+    F.on(n, {
+      name: N,
+      callback: (o) => {
+        e.onError?.(o), t.emit("onError", o);
+      }
+    });
+  });
+}, en = (e, t, r2) => {
+  const { editorId: n } = r2, o = reactive({
+    pageFullscreen: e.pageFullscreen,
+    fullscreen: false,
+    preview: e.preview,
+    htmlPreview: e.preview ? false : e.htmlPreview,
+    previewOnly: false
+  }), u2 = reactive({ ...o }), c = (l2, i2) => {
+    const a = i2 === void 0 ? !o[l2] : i2;
+    switch (l2) {
+      case "preview": {
+        o.htmlPreview = false, o.previewOnly = false;
+        break;
+      }
+      case "htmlPreview": {
+        o.preview = false, o.previewOnly = false;
+        break;
+      }
+      case "previewOnly": {
+        a ? !o.preview && !o.htmlPreview && (o.preview = true) : (u2.preview || (o.preview = false), u2.htmlPreview || (o.htmlPreview = false));
+        break;
+      }
+    }
+    u2[l2] = a, o[l2] = a;
+  };
+  let m = "";
+  const s = () => {
+    o.pageFullscreen || o.fullscreen ? document.body.style.overflow = "hidden" : document.body.style.overflow = m;
+  };
+  return watch(() => [o.pageFullscreen, o.fullscreen], s), onMounted(() => {
+    F.on(n, {
+      name: I,
+      callback(l2, i2) {
+        const a = (d) => {
+          F.emit(n, G, "image", {
+            desc: "",
+            urls: d
+          }), i2?.();
+        };
+        e.onUploadImg ? e.onUploadImg(l2, a) : t.emit("onUploadImg", l2, a);
+      }
+    }), m = document.body.style.overflow, s();
+  }), [o, c];
+}, tn = (e, t) => {
+  const { editorId: r2 } = t, n = ref(false);
+  return onMounted(() => {
+    F.on(r2, {
+      name: C,
+      callback: (o) => {
+        o === void 0 ? n.value = !n.value : n.value = o;
+      }
+    });
+  }), n;
+}, nn = (e, t, r$12) => {
+  const { editorId: n, catalogVisible: o, setting: u2, updateSetting: c, codeRef: m } = r$12;
+  watch(
+    () => u2.pageFullscreen,
+    (l2) => {
+      F.emit(n, _, l2);
+    }
+  ), watch(
+    () => u2.fullscreen,
+    (l2) => {
+      F.emit(n, r, l2);
+    }
+  ), watch(
+    () => u2.preview,
+    (l2) => {
+      F.emit(n, A$1, l2);
+    }
+  ), watch(
+    () => u2.previewOnly,
+    (l2) => {
+      F.emit(n, R, l2);
+    }
+  ), watch(
+    () => u2.htmlPreview,
+    (l2) => {
+      F.emit(n, p$1, l2);
+    }
+  ), watch(o, (l2) => {
+    F.emit(n, g, l2);
+  });
+  const s = {
+    on(l2, i2) {
+      switch (l2) {
+        case "pageFullscreen": {
+          F.on(n, {
+            name: _,
+            callback(a) {
+              i2(a);
+            }
+          });
+          break;
+        }
+        case "fullscreen": {
+          F.on(n, {
+            name: r,
+            callback(a) {
+              i2(a);
+            }
+          });
+          break;
+        }
+        case "preview": {
+          F.on(n, {
+            name: A$1,
+            callback(a) {
+              i2(a);
+            }
+          });
+          break;
+        }
+        case "previewOnly": {
+          F.on(n, {
+            name: R,
+            callback(a) {
+              i2(a);
+            }
+          });
+          break;
+        }
+        case "htmlPreview": {
+          F.on(n, {
+            name: p$1,
+            callback(a) {
+              i2(a);
+            }
+          });
+          break;
+        }
+        case "catalog": {
+          F.on(n, {
+            name: g,
+            callback(a) {
+              i2(a);
+            }
+          });
+          break;
+        }
+      }
+    },
+    togglePageFullscreen(l2) {
+      c("pageFullscreen", l2);
+    },
+    toggleFullscreen(l2) {
+      F.emit(n, h$2, l2);
+    },
+    togglePreview(l2) {
+      c("preview", l2);
+    },
+    togglePreviewOnly(l2) {
+      c("previewOnly", l2);
+    },
+    toggleHtmlPreview(l2) {
+      c("htmlPreview", l2);
+    },
+    toggleCatalog(l2) {
+      F.emit(n, C, l2);
+    },
+    triggerSave() {
+      F.emit(n, i);
+    },
+    insert(l2) {
+      F.emit(n, G, "universal", { generate: l2 });
+    },
+    focus(l2) {
+      m.value?.focus(l2);
+    },
+    rerender() {
+      F.emit(n, D);
+    },
+    getSelectedText() {
+      return m.value?.getSelectedText();
+    },
+    resetHistory() {
+      m.value?.resetHistory();
+    },
+    domEventHandlers(l2) {
+      F.emit(n, V, l2);
+    },
+    execCommand(l2) {
+      F.emit(n, G, l2);
+    },
+    getEditorView() {
+      return m.value?.getEditorView();
+    }
+  };
+  t.expose(s);
+}, tt = (e) => {
+  const t = useId();
+  return e.id || e.editorId || `${p}-${t}`;
+}, nt = (e, t, r2) => {
+  const n = inject("editorId"), o = inject("rootRef"), u2 = inject("usedLanguageText"), c = inject("setting"), m = () => {
+    o.value.querySelectorAll(`#${n} .${p}-preview .${p}-code`).forEach((i2) => {
+      let a = -1;
+      const d = i2.querySelector(
+        `.${p}-copy-button:not([data-processed])`
+      );
+      d && (d.onclick = ($) => {
+        $.preventDefault(), clearTimeout(a);
+        const p2 = (i2.querySelector("input:checked + pre code") || i2.querySelector("pre code")).textContent, { text: g2, successTips: I2, failTips: v2 } = u2.value.copyCode;
+        let C2 = I2;
+        copy2Clipboard(e.formatCopiedText(p2 || "")).catch(() => {
+          C2 = v2;
+        }).finally(() => {
+          d.dataset.isIcon ? d.dataset.tips = C2 : d.innerHTML = C2, a = window.setTimeout(() => {
+            d.dataset.isIcon ? d.dataset.tips = g2 : d.innerHTML = g2;
+          }, 1500);
+        });
+      }, d.setAttribute("data-processed", "true"));
+    });
+  }, s = () => {
+    nextTick(m);
+  }, l2 = (i2) => {
+    i2 && nextTick(m);
+  };
+  watch([t, r2], s), watch(() => c.value.preview, l2), watch(() => c.value.htmlPreview, l2), onMounted(m);
+}, ot = (e) => {
+  const t = inject("editorId"), r2 = inject("theme"), n = inject("rootRef"), { editorExtensions: o, editorExtensionsAttrs: u2 } = h;
+  let c = o.echarts.instance;
+  const m = shallowRef(-1), s = () => {
+    !e.noEcharts && c && (m.value = m.value + 1);
+  };
+  watch(
+    () => r2.value,
+    () => {
+      s();
+    }
+  ), onMounted(() => {
+    if (e.noEcharts || c)
+      return;
+    const h2 = o.echarts.js;
+    A(
+      "script",
+      {
+        ...u2.echarts?.js,
+        src: h2,
+        id: M.echarts,
+        onload() {
+          c = window.echarts, s();
+        }
+      },
+      "echarts"
+    );
+  });
+  let l2 = [], i2 = [], a = [];
+  const d = (h2 = false) => {
+    if (!l2.length) {
+      h2 && (i2.forEach((v2) => {
+        v2.dispose?.();
+      }), a.forEach((v2) => {
+        v2.disconnect?.();
+      }), i2 = [], a = []);
+      return;
+    }
+    const p2 = [], g2 = [], I2 = [];
+    l2.forEach((v2, C2) => {
+      const x2 = i2[C2], b2 = a[C2];
+      if (h2 || !v2 || !v2.isConnected || (n?.value ? !n.value.contains(v2) : false)) {
+        x2?.dispose?.(), b2?.disconnect?.();
+        return;
+      }
+      p2.push(v2), x2 && g2.push(x2), b2 && I2.push(b2);
+    }), l2 = p2, i2 = g2, a = I2;
+  }, $ = () => {
+    d(), !e.noEcharts && c && Array.from(
+      n.value.querySelectorAll(
+        `#${t} div.${p}-echarts:not([data-processed])`
+      )
+    ).forEach((p2) => {
+      if (p2.dataset.closed === "false")
+        return false;
+      try {
+        const g2 = new Function(`return ${p2.innerText}`)(), I2 = c.init(p2, r2.value);
+        I2.setOption(g2), p2.setAttribute("data-processed", ""), l2.push(p2), i2.push(I2);
+        const v2 = new ResizeObserver(() => {
+          I2.resize();
+        });
+        v2.observe(p2), a.push(v2);
+      } catch (g2) {
+        F.emit(t, N, {
+          name: "echarts",
+          message: g2?.message,
+          error: g2
+        });
+      }
+    });
+  };
+  return onBeforeUnmount(() => {
+    d(true);
+  }), { reRenderEcharts: m, replaceEcharts: $ };
+}, at = (e) => {
+  const t = inject("highlight"), r2 = shallowRef(h.editorExtensions.highlight.instance);
+  return onMounted(() => {
+    e.noHighlight || r2.value || (A("link", {
+      ...t.value.css,
+      rel: "stylesheet",
+      id: M.hlcss
+    }), A(
+      "script",
+      {
+        ...t.value.js,
+        id: M.hljs,
+        onload() {
+          r2.value = window.hljs;
+        }
+      },
+      "hljs"
+    ));
+  }), watch(
+    () => t.value.css,
+    () => {
+      e.noHighlight || h.editorExtensions.highlight.instance || b$1("link", {
+        ...t.value.css,
+        rel: "stylesheet",
+        id: M.hlcss
+      });
+    }
+  ), r2;
+}, rt = (e) => {
+  const t = shallowRef(h.editorExtensions.katex.instance);
+  return onMounted(() => {
+    if (e.noKatex || t.value)
+      return;
+    const { editorExtensions: r2, editorExtensionsAttrs: n } = h;
+    A(
+      "script",
+      {
+        ...n.katex?.js,
+        src: r2.katex.js,
+        id: M.katexjs,
+        onload() {
+          t.value = window.katex;
+        }
+      },
+      "katex"
+    ), A("link", {
+      ...n.katex?.css,
+      rel: "stylesheet",
+      href: r2.katex.css,
+      id: M.katexcss
+    });
+  }), t;
+}, Y = new LRUCache({
+  max: 1e3,
+  // 缓存10分钟
+  ttl: 6e5
+}), lt = (e) => {
+  const t = inject("editorId"), r2 = inject("theme"), n = inject("rootRef"), { editorExtensions: o, editorExtensionsAttrs: u2, mermaidConfig: c } = h;
+  let m = o.mermaid.instance;
+  const s = shallowRef(-1), l2 = () => {
+    !e.noMermaid && m && (m.initialize(
+      c({
+        startOnLoad: false,
+        theme: r2.value === "dark" ? "dark" : "default"
+      })
+    ), s.value = s.value + 1);
+  };
+  return watch(
+    () => r2.value,
+    () => {
+      Y.clear(), l2();
+    }
+  ), onMounted(() => {
+    if (e.noMermaid || m)
+      return;
+    const a = o.mermaid.js;
+    /\.mjs/.test(a) ? (A("link", {
+      ...u2.mermaid?.js,
+      rel: "modulepreload",
+      href: a,
+      id: M.mermaidM
+    }), import(
+      /* @vite-ignore */
+      /* webpackIgnore: true */
+      a
+    ).then((d) => {
+      m = d.default, l2();
+    }).catch((d) => {
+      F.emit(t, N, {
+        name: "mermaid",
+        message: `Failed to load mermaid module: ${d.message}`,
+        error: d
+      });
+    })) : A(
+      "script",
+      {
+        ...u2.mermaid?.js,
+        src: a,
+        id: M.mermaid,
+        onload() {
+          m = window.mermaid, l2();
+        }
+      },
+      "mermaid"
+    );
+  }), { reRenderRef: s, replaceMermaid: async () => {
+    if (!e.noMermaid && m) {
+      const a = n.value.querySelectorAll(
+        `div.${p}-mermaid`
+      ), d = document.createElement("div"), $ = document.body.offsetWidth > 1366 ? document.body.offsetWidth : 1366, h2 = document.body.offsetHeight > 768 ? document.body.offsetHeight : 768;
+      d.style.width = $ + "px", d.style.height = h2 + "px", d.style.position = "fixed", d.style.zIndex = "-10000", d.style.top = "-10000";
+      let p$12 = a.length;
+      p$12 > 0 && document.body.appendChild(d), await Promise.allSettled(
+        Array.from(a).map((g2) => (async (v2) => {
+          if (v2.dataset.closed === "false")
+            return false;
+          const C2 = v2.innerText;
+          let x2 = Y.get(C2);
+          if (!x2) {
+            const b2 = W();
+            let F$1 = { svg: "" };
+            try {
+              F$1 = await m.render(b2, C2, d), x2 = await e.sanitizeMermaid(F$1.svg);
+              const S2 = document.createElement("p");
+              S2.className = `${p}-mermaid`, S2.setAttribute("data-processed", ""), S2.setAttribute("data-content", C2), S2.innerHTML = x2, S2.children[0]?.removeAttribute("height"), Y.set(C2, S2.innerHTML), v2.dataset.line !== void 0 && (S2.dataset.line = v2.dataset.line), v2.replaceWith(S2);
+            } catch (S2) {
+              F.emit(t, N, {
+                name: "mermaid",
+                message: S2.message,
+                error: S2
+              });
+            }
+            --p$12 === 0 && d.remove();
+          }
+        })(g2))
+      );
+    }
+  } };
+}, it = (e, t) => {
+  t = t || {};
+  const r2 = 3, n = t.marker || "!", o = n.charCodeAt(0), u2 = n.length;
+  let c = "", m = "";
+  const s = (i2, a, d, $, h2) => {
+    const p$12 = i2[a];
+    return p$12.type === "admonition_open" ? i2[a].attrPush([
+      "class",
+      `${p}-admonition ${p}-admonition-${p$12.info}`
+    ]) : p$12.type === "admonition_title_open" && i2[a].attrPush(["class", `${p}-admonition-title`]), h2.renderToken(i2, a, d);
+  }, l2 = (i2) => {
+    const a = i2.trim().split(" ", 2);
+    m = "", c = a[0], a.length > 1 && (m = i2.substring(c.length + 2));
+  };
+  e.block.ruler.before(
+    "code",
+    "admonition",
+    (i2, a, d, $) => {
+      let h2, p2, g2, I2 = false, v2 = i2.bMarks[a] + i2.tShift[a], C2 = i2.eMarks[a];
+      if (o !== i2.src.charCodeAt(v2))
+        return false;
+      for (h2 = v2 + 1; h2 <= C2 && n[(h2 - v2) % u2] === i2.src[h2]; h2++)
+        ;
+      const x2 = Math.floor((h2 - v2) / u2);
+      if (x2 !== r2)
+        return false;
+      h2 -= (h2 - v2) % u2;
+      const b2 = i2.src.slice(v2, h2), F2 = i2.src.slice(h2, C2);
+      if (l2(F2), $)
+        return true;
+      for (p2 = a; p2++, !(p2 >= d || (v2 = i2.bMarks[p2] + i2.tShift[p2], C2 = i2.eMarks[p2], v2 < C2 && i2.sCount[p2] < i2.blkIndent)); )
+        if (o === i2.src.charCodeAt(v2) && !(i2.sCount[p2] - i2.blkIndent >= 4)) {
+          for (h2 = v2 + 1; h2 <= C2 && n[(h2 - v2) % u2] === i2.src[h2]; h2++)
+            ;
+          if (!(Math.floor((h2 - v2) / u2) < x2) && (h2 -= (h2 - v2) % u2, h2 = i2.skipSpaces(h2), !(h2 < C2))) {
+            I2 = true;
+            break;
+          }
+        }
+      const S2 = i2.parentType, L2 = i2.lineMax;
+      return i2.parentType = "root", i2.lineMax = p2, g2 = i2.push("admonition_open", "div", 1), g2.markup = b2, g2.block = true, g2.info = c, g2.map = [a, p2], m && (g2 = i2.push("admonition_title_open", "p", 1), g2.markup = b2 + " " + c, g2.map = [a, p2], g2 = i2.push("inline", "", 0), g2.content = m, g2.map = [a, i2.line - 1], g2.children = [], g2 = i2.push("admonition_title_close", "p", -1), g2.markup = b2 + " " + c), i2.md.block.tokenize(i2, a + 1, p2), g2 = i2.push("admonition_close", "div", -1), g2.markup = i2.src.slice(v2, h2), g2.block = true, i2.parentType = S2, i2.lineMax = L2, i2.line = p2 + (I2 ? 1 : 0), true;
+    },
+    {
+      alt: ["paragraph", "reference", "blockquote", "list"]
+    }
+  ), e.renderer.rules.admonition_open = s, e.renderer.rules.admonition_title_open = s, e.renderer.rules.admonition_title_close = s, e.renderer.rules.admonition_close = s;
+}, se = (e, t) => {
+  const r2 = e.attrs ? e.attrs.slice() : [];
+  return t.forEach((n) => {
+    const o = e.attrIndex(n[0]);
+    o < 0 ? r2.push(n) : (r2[o] = r2[o].slice(), r2[o][1] += ` ${n[1]}`);
+  }), r2;
+}, st = (e, t) => {
+  const r2 = e.renderer.rules.fence, n = e.utils.unescapeAll, o = /\[(\w*)(?::([\w ]*))?\]/, u2 = /::(open|close)/, c = (a) => a.info ? n(a.info).trim() : "", m = (a) => {
+    const d = c(a), [$ = null, h2 = ""] = (o.exec(d) || []).slice(1);
+    return [$, h2];
+  }, s = (a) => {
+    const d = c(a);
+    return d ? d.split(/(\s+)/g)[0] : "";
+  }, l2 = (a) => {
+    const d = a.info.match(u2) || [], $ = d[1] === "open" || d[1] !== "close" && t.codeFoldable && a.content.trim().split(`
+`).length < t.autoFoldThreshold, h2 = d[1] || t.codeFoldable ? "details" : "div", p2 = d[1] || t.codeFoldable ? "summary" : "div";
+    return { open: $, tagContainer: h2, tagHeader: p2 };
+  }, i2 = (a, d, $, h2, p$12) => {
+    if (a[d].hidden)
+      return "";
+    const g2 = t.usedLanguageTextRef.value?.copyCode.text, I2 = t.customIconRef.value.copy || g2, v2 = !!t.customIconRef.value.copy, C2 = `<span class="${p}-collapse-tips">${p$2("collapse-tips", t.customIconRef.value)}</span>`, [x2] = m(a[d]);
+    if (x2 === null) {
+      const { open: k2, tagContainer: A2, tagHeader: J } = l2(a[d]), j = [["class", `${p}-code`]];
+      k2 && j.push(["open", ""]);
+      const ne = {
+        attrs: se(a[d], j)
+      };
+      a[d].info = a[d].info.replace(u2, "");
+      const W2 = r2(a, d, $, h2, p$12);
+      return `
+        <${A2} ${p$12.renderAttrs(ne)}>
+          <${J} class="${p}-code-head">
+            <div class="${p}-code-flag"><span></span><span></span><span></span></div>
+            <div class="${p}-code-action">
+              <span class="${p}-code-lang">${e.utils.escapeHtml(a[d].info.trim())}</span>
+              <span class="${p}-copy-button" data-tips="${g2}"${v2 ? " data-is-icon=true" : ""}>${I2}</span>
+              ${t.extraTools instanceof Function ? t.extraTools({ lang: a[d].info.trim() }) : t.extraTools || ""}
+              ${A2 === "details" ? C2 : ""}
+            </div>
+          </${J}>
+          ${W2}
+        </${A2}>
+      `;
+    }
+    let b2, F2, S2, L2, _2 = "", B = "", D2 = "";
+    const { open: q, tagContainer: V2, tagHeader: z } = l2(a[d]), K = [["class", `${p}-code`]];
+    q && K.push(["open", ""]);
+    const Z = {
+      attrs: se(a[d], K)
+    };
+    for (let k2 = d; k2 < a.length && (b2 = a[k2], [F2, S2] = m(b2), F2 === x2); k2++) {
+      b2.info = b2.info.replace(o, "").replace(u2, ""), b2.hidden = true;
+      const A2 = `${p}-codetab-${t.editorId}-${d}-${k2 - d}`;
+      L2 = k2 - d > 0 ? "" : "checked", _2 += `
+        <li>
+          <input
+            type="radio"
+            id="label-${p}-codetab-label-1-${t.editorId}-${d}-${k2 - d}"
+            name="${p}-codetab-label-${t.editorId}-${d}"
+            class="${A2}"
+            ${L2}
+          >
+          <label
+            for="label-${p}-codetab-label-1-${t.editorId}-${d}-${k2 - d}"
+            onclick="this.getRootNode().querySelectorAll('.${A2}').forEach(e => e.click())"
+          >
+            ${e.utils.escapeHtml(S2 || s(b2))}
+          </label>
+        </li>`, B += `
+        <div role="tabpanel">
+          <input
+            type="radio"
+            name="${p}-codetab-pre-${t.editorId}-${d}"
+            class="${A2}"
+            ${L2}
+            role="presentation">
+          ${r2(a, k2, $, h2, p$12)}
+        </div>`, D2 += `
+        <input
+          type="radio"
+          name="${p}-codetab-lang-${t.editorId}-${d}"
+          class="${A2}"
+          ${L2}
+          role="presentation">
+        <span class=${p}-code-lang role="note">${e.utils.escapeHtml(s(b2))}</span>`;
+    }
+    return `
+      <${V2} ${p$12.renderAttrs(Z)}>
+        <${z} class="${p}-code-head">
+          <div class="${p}-code-flag">
+            <ul class="${p}-codetab-label" role="tablist">${_2}</ul>
+          </div>
+          <div class="${p}-code-action">
+            <span class="${p}-codetab-lang">${D2}</span>
+            <span class="${p}-copy-button" data-tips="${g2}"${v2 ? " data-is-icon=true" : ""}>${I2}</span>
+            ${t.extraTools instanceof Function ? t.extraTools({ lang: a[d].info.trim() }) : t.extraTools || ""}
+            ${V2 === "details" ? C2 : ""}
+          </div>
+        </${z}>
+        ${B}
+      </${V2}>
+    `;
+  };
+  e.renderer.rules.fence = i2, e.renderer.rules.code_block = i2;
+}, ct = (e, t) => {
+  const r2 = e.renderer.rules.fence.bind(e.renderer.rules);
+  e.renderer.rules.fence = (n, o, u2, c, m) => {
+    const s = n[o], l2 = s.content.trim();
+    if (s.info === "echarts") {
+      if (s.attrSet("class", `${p}-echarts`), s.attrSet("data-echarts-theme", t.themeRef.value), s.map && s.level === 0) {
+        const i2 = s.map[1] - 1, d = !!c.srcLines[i2]?.trim()?.startsWith("```");
+        s.attrSet("data-closed", `${d}`), s.attrSet("data-line", String(s.map[0]));
+      }
+      return `<div ${m.renderAttrs(s)} style="width: 100%; aspect-ratio: 4 / 3;">${e.utils.escapeHtml(l2)}</div>`;
+    }
+    return r2(n, o, u2, c, m);
+  };
+}, dt = (e, t) => {
+  e.renderer.rules.heading_open = (r2, n) => {
+    const o = r2[n], u2 = r2[n + 1].children?.reduce((m, s) => m + (["text", "code_inline", "math_inline"].includes(s.type) && s.content || ""), "") || "", c = o.markup.length;
+    return t.headsRef.value.push({
+      text: u2,
+      level: c,
+      line: o.map[0],
+      currentToken: o,
+      nextToken: r2[n + 1]
+    }), o.map && o.level === 0 && o.attrSet(
+      "id",
+      t.mdHeadingId({
+        text: u2,
+        level: c,
+        index: t.headsRef.value.length,
+        currentToken: o,
+        nextToken: r2[n + 1]
+      })
+    ), e.renderer.renderToken(r2, n, t);
+  }, e.renderer.rules.heading_close = (r2, n, o, u2, c) => c.renderToken(r2, n, o);
+}, be = {
+  block: [
+    { open: "$$", close: "$$" },
+    { open: "\\[", close: "\\]" }
+  ],
+  inline: [
+    { open: "$$", close: "$$" },
+    { open: "$", close: "$" },
+    { open: "\\[", close: "\\]" },
+    { open: "\\(", close: "\\)" }
+  ]
+}, ut = (e) => (t, r2) => {
+  const n = e.delimiters;
+  for (const o of n) {
+    if (!t.src.startsWith(o.open, t.pos))
+      continue;
+    const u2 = t.pos + o.open.length;
+    let c = u2;
+    for (; (c = t.src.indexOf(o.close, c)) !== -1; ) {
+      let m = 0, s = c - 1;
+      for (; s >= 0 && t.src[s] === "\\"; )
+        m++, s--;
+      if (m % 2 === 0)
+        break;
+      c += o.close.length;
+    }
+    if (c !== -1) {
+      if (c - u2 === 0)
+        return r2 || (t.pending += o.open + o.close), t.pos = c + o.close.length, true;
+      if (!r2) {
+        const m = t.push("math_inline", "math", 0);
+        m.markup = o.open, m.content = t.src.slice(u2, c);
+      }
+      return t.pos = c + o.close.length, true;
+    }
+  }
+  return false;
+}, mt = (e) => (t, r2, n, o) => {
+  const u2 = e.delimiters, c = t.bMarks[r2] + t.tShift[r2], m = t.eMarks[r2], s = (l2, i2, a) => {
+    t.line = i2;
+    const d = t.push("math_block", "math", 0);
+    return d.block = true, d.content = l2, d.map = [r2, t.line], d.markup = a, true;
+  };
+  for (const l2 of u2) {
+    const i2 = c;
+    if (t.src.slice(i2, i2 + l2.open.length) !== l2.open)
+      continue;
+    const a = i2 + l2.open.length, d = t.src.slice(a, m).trim(), $ = d === "", h2 = d === l2.close, p2 = d.endsWith(l2.close);
+    if (!$ && !h2 && !p2)
+      continue;
+    if (o)
+      return true;
+    if (h2)
+      return s("", r2 + 1, l2.open);
+    if (!$ && p2) {
+      const b2 = d.slice(0, -l2.close.length);
+      return s(b2, r2 + 1, l2.open);
+    }
+    let g2 = r2 + 1, I2 = false, v2 = "";
+    for (; g2 < n; g2++) {
+      const b2 = t.bMarks[g2] + t.tShift[g2], F2 = t.eMarks[g2];
+      if (b2 < F2 && t.tShift[g2] < t.blkIndent)
+        break;
+      if (t.src.slice(b2, F2).trim().endsWith(l2.close)) {
+        const L2 = t.src.slice(0, F2).lastIndexOf(l2.close);
+        v2 = t.src.slice(b2, L2), I2 = true;
+        break;
+      }
+    }
+    if (!I2)
+      continue;
+    const x2 = t.getLines(r2 + 1, g2, t.tShift[r2], true) + (v2.trim() ? v2 : "");
+    return s(x2, g2 + 1, l2.open);
+  }
+  return false;
+}, ft = (e, { katexRef: t, inlineDelimiters: r2, blockDelimiters: n }) => {
+  const o = (m, s, l2, i2, a = false) => {
+    const d = {
+      attrs: se(m, [["class", s]])
+    }, $ = i2.renderAttrs(d);
+    if (!t.value)
+      return `<${l2} ${$}>${m.content}</${l2}>`;
+    const h$12 = t.value.renderToString(
+      m.content,
+      h.katexConfig({
+        throwOnError: false,
+        displayMode: a
+      })
+    );
+    return `<${l2} ${$} data-processed>${h$12}</${l2}>`;
+  }, u2 = (m, s, l2, i2, a) => o(m[s], `${p}-katex-inline`, "span", a), c = (m, s, l2, i2, a) => o(m[s], `${p}-katex-block`, "p", a, true);
+  e.inline.ruler.before(
+    "escape",
+    "math_inline",
+    ut({
+      delimiters: r2 || be.inline
+    })
+  ), e.block.ruler.after(
+    "blockquote",
+    "math_block",
+    mt({
+      delimiters: n || be.block
+    }),
+    {
+      alt: ["paragraph", "reference", "blockquote", "list"]
+    }
+  ), e.renderer.rules.math_inline = u2, e.renderer.rules.math_block = c;
+}, ht = (e, t) => {
+  const r2 = e.renderer.rules.fence.bind(e.renderer.rules);
+  e.renderer.rules.fence = (n, o, u2, c, m) => {
+    const s = n[o], l2 = s.content.trim();
+    if (s.info === "mermaid") {
+      if (s.attrSet("class", `${p}-mermaid`), s.attrSet("data-mermaid-theme", t.themeRef.value), s.map && s.level === 0) {
+        const a = s.map[1] - 1, $ = !!c.srcLines[a]?.trim()?.startsWith("```");
+        s.attrSet("data-closed", `${$}`), s.attrSet("data-line", String(s.map[0]));
+      }
+      const i2 = Y.get(l2);
+      return i2 ? (s.attrSet("data-processed", ""), s.attrSet("data-content", l2), `<p ${m.renderAttrs(s)}>${i2}</p>`) : `<div ${m.renderAttrs(s)}>${e.utils.escapeHtml(l2)}</div>`;
+    }
+    return r2(n, o, u2, c, m);
+  };
+}, $e = (e, t, r2) => {
+  const n = e.attrIndex(t), o = [t, r2];
+  n < 0 ? e.attrPush(o) : (e.attrs = e.attrs || [], e.attrs[n] = o);
+}, pt = (e) => e.type === "inline", gt = (e) => e.type === "paragraph_open", vt = (e) => e.type === "list_item_open", yt = (e) => e.content.indexOf("[ ] ") === 0 || e.content.indexOf("[x] ") === 0 || e.content.indexOf("[X] ") === 0, bt = (e, t) => pt(e[t]) && gt(e[t - 1]) && vt(e[t - 2]) && yt(e[t]), $t = (e, t) => {
+  const r2 = e[t].level - 1;
+  for (let n = t - 1; n >= 0; n--)
+    if (e[n].level === r2)
+      return n;
+  return -1;
+}, wt = (e) => {
+  const t = new e("html_inline", "", 0);
+  return t.content = "<label>", t;
+}, Ct = (e) => {
+  const t = new e("html_inline", "", 0);
+  return t.content = "</label>", t;
+}, Et = (e, t, r2) => {
+  const n = new r2("html_inline", "", 0);
+  return n.content = '<label class="task-list-item-label" for="' + t + '">' + e + "</label>", n.attrs = [["for", t]], n;
+}, kt = (e, t, r2) => {
+  const n = new t("html_inline", "", 0), o = r2.enabled ? " " : ' disabled="" ';
+  return e.content.indexOf("[ ] ") === 0 ? n.content = '<input class="task-list-item-checkbox"' + o + 'type="checkbox">' : (e.content.indexOf("[x] ") === 0 || e.content.indexOf("[X] ") === 0) && (n.content = '<input class="task-list-item-checkbox" checked=""' + o + 'type="checkbox">'), n;
+}, Tt = (e, t, r2) => {
+  if (e.children = e.children || [], e.children.unshift(kt(e, t, r2)), e.children[1].content = e.children[1].content.slice(3), e.content = e.content.slice(3), r2.label)
+    if (r2.labelAfter) {
+      e.children.pop();
+      const n = "task-item-" + Math.ceil(Math.random() * (1e4 * 1e3) - 1e3);
+      e.children[0].content = e.children[0].content.slice(0, -1) + ' id="' + n + '">', e.children.push(Et(e.content, n, t));
+    } else
+      e.children.unshift(wt(t)), e.children.push(Ct(t));
+}, It = (e, t = {}) => {
+  e.core.ruler.after("inline", "github-task-lists", (r2) => {
+    const n = r2.tokens;
+    for (let o = 2; o < n.length; o++)
+      bt(n, o) && (Tt(n[o], r2.Token, t), $e(
+        n[o - 2],
+        "class",
+        "task-list-item" + (t.enabled ? " enabled" : " ")
+      ), $e(n[$t(n, o - 2)], "class", "contains-task-list"));
+  });
+}, St = (e) => {
+  e.core.ruler.push("init-line-number", (t) => (t.tokens.forEach((r2) => {
+    r2.map && (r2.attrs || (r2.attrs = []), r2.attrs.push(["data-line", r2.map[0].toString()]));
+  }), true));
+}, xt = (e, t) => {
+  const { editorConfig: r2, markdownItPlugins: o } = h, c = inject("editorId"), m = inject("language"), s = inject(
+    "usedLanguageText"
+  ), l$1 = inject("showCodeRowNumber"), i2 = inject("theme"), a = inject("customIcon"), d = inject("rootRef"), $ = inject("setting"), h$12 = ref([]), p$12 = at(e), g2 = rt(e), { reRenderRef: I2, replaceMermaid: v2 } = lt(e), { reRenderEcharts: C2, replaceEcharts: x2 } = ot(e), b2 = MarkdownIt({
+    html: true,
+    breaks: true,
+    linkify: true
+  });
+  const F$1 = [
+    {
+      type: "image",
+      plugin: r$1,
+      options: { figcaption: true, classes: "md-zoom" }
+    },
+    {
+      type: "admonition",
+      plugin: it,
+      options: {}
+    },
+    {
+      type: "taskList",
+      plugin: It,
+      options: {}
+    },
+    {
+      type: "heading",
+      plugin: dt,
+      options: { mdHeadingId: e.mdHeadingId, headsRef: h$12 }
+    },
+    {
+      type: "code",
+      plugin: st,
+      options: {
+        editorId: c,
+        usedLanguageTextRef: s,
+        // showCodeRowNumber,
+        codeFoldable: e.codeFoldable,
+        autoFoldThreshold: e.autoFoldThreshold,
+        customIconRef: a
+      }
+    },
+    {
+      type: "sub",
+      plugin: sub_plugin,
+      options: {}
+    },
+    {
+      type: "sup",
+      plugin: sup_plugin,
+      options: {}
+    }
+  ];
+  e.noKatex || F$1.push({
+    type: "katex",
+    plugin: ft,
+    options: { katexRef: g2 }
+  }), e.noMermaid || F$1.push({
+    type: "mermaid",
+    plugin: ht,
+    options: { themeRef: i2 }
+  }), e.noEcharts || F$1.push({
+    type: "echarts",
+    plugin: ct,
+    options: { themeRef: i2 }
+  }), o(F$1, {
+    editorId: c
+  }).forEach((k2) => {
+    b2.use(k2.plugin, k2.options);
+  });
+  const S$1 = b2.options.highlight;
+  b2.set({
+    highlight: (k2, A2, J) => {
+      if (S$1) {
+        const W2 = S$1(k2, A2, J);
+        if (W2)
+          return W2;
+      }
+      let j;
+      !e.noHighlight && p$12.value ? p$12.value.getLanguage(A2) ? j = p$12.value.highlight(k2, {
+        language: A2,
+        ignoreIllegals: true
+      }).value : j = p$12.value.highlightAuto(k2).value : j = b2.utils.escapeHtml(k2);
+      const ne = l$1 ? l(
+        j.replace(/^\n+|\n+$/g, ""),
+        k2.replace(/^\n+|\n+$/g, "")
+      ) : `<span class="${p}-code-block">${j.replace(/^\n+|\n+$/g, "")}</span>`;
+      return `<pre><code class="language-${A2}" language=${A2}>${ne}</code></pre>`;
+    }
+  }), St(b2);
+  const L$1 = ref(`_article-key_${W()}`), _2 = ref(
+    e.sanitize(
+      b2.render(e.modelValue, {
+        srcLines: e.modelValue.split(`
+`)
+      })
+    )
+  );
+  let B = () => {
+  }, D$1 = () => {
+  };
+  const q = () => {
+    const k2 = d.value?.querySelectorAll(
+      `#${c} p.${p}-mermaid:not([data-closed=false])`
+    );
+    D$1(), D$1 = V$1(k2, {
+      customIcon: a.value
+    }), B(), B = R$1(k2, {
+      customIcon: a.value
+    });
+  }, V2 = () => {
+    F.emit(c, L, _2.value), e.onHtmlChanged(_2.value), e.onGetCatalog(h$12.value), F.emit(c, S, h$12.value), nextTick(() => {
+      v2().then(q), x2();
+    });
+  }, z = () => {
+    h$12.value = [], _2.value = e.sanitize(
+      b2.render(e.modelValue, {
+        srcLines: e.modelValue.split(`
+`)
+      })
+    );
+  }, K = computed(() => (e.noKatex || !!g2.value) && (e.noHighlight || !!p$12.value));
+  let Z = -1;
+  return watch([toRef(e, "modelValue"), K, I2, m], () => {
+    Z = window.setTimeout(
+      () => {
+        z();
+      },
+      t ? 0 : r2.renderDelay
+    );
+  }), watch(
+    () => $.value.preview,
+    () => {
+      $.value.preview && nextTick(() => {
+        v2().then(q), x2(), F.emit(c, S, h$12.value);
+      });
+    }
+  ), watch([_2, C2], () => {
+    V2();
+  }), onMounted(V2), onMounted(() => {
+    F.on(c, {
+      name: H,
+      callback() {
+        F.emit(c, S, h$12.value);
+      }
+    }), F.on(c, {
+      name: D,
+      callback: () => {
+        L$1.value = `_article-key_${W()}`, z();
+      }
+    });
+  }), onBeforeUnmount(() => {
+    B(), D$1(), clearTimeout(Z);
+  }), { html: _2, key: L$1 };
+}, Ft = (e, t) => {
+  const r2 = inject("editorId"), n = inject("setting"), { noImgZoomIn: o } = e, u2 = x(() => {
+    const c = document.querySelectorAll(
+      `#${r2}-preview img:not(.not-zoom):not(.medium-zoom-image)`
+    );
+    c.length !== 0 && mediumZoom(c, {
+      background: "#00000073"
+    });
+  });
+  onMounted(async () => {
+    !o && n.value.preview && await u2();
+  }), watch([t, () => n.value.preview], async () => {
+    !o && n.value.preview && await u2();
+  });
+}, we = {
+  checked: {
+    regexp: /- \[x\]/,
+    value: "- [ ]"
+  },
+  unChecked: {
+    regexp: /- \[\s\]/,
+    value: "- [x]"
+  }
+}, Rt = (e, t) => {
+  const r2 = inject("editorId"), n = inject("rootRef");
+  let o = () => {
+  };
+  const u2 = () => {
+    if (!n.value)
+      return false;
+    const c = n.value.querySelectorAll(".task-list-item.enabled"), m = (s) => {
+      s.preventDefault();
+      const l2 = s.target.checked ? "unChecked" : "checked", i2 = s.target.parentElement?.dataset.line;
+      if (!i2)
+        return;
+      const a = Number(i2), d = e.modelValue.split(`
+`), $ = d[Number(a)].replace(
+        we[l2].regexp,
+        we[l2].value
+      );
+      e.previewOnly ? (d[Number(a)] = $, e.onChange(d.join(`
+`))) : F.emit(r2, O, a + 1, $);
+    };
+    c.forEach((s) => {
+      s.addEventListener("click", m);
+    }), o = () => {
+      c.forEach((s) => {
+        s.removeEventListener("click", m);
+      });
+    };
+  };
+  onBeforeUnmount(() => {
+    o();
+  }), watch(
+    [t],
+    () => {
+      o(), nextTick(u2);
+    },
+    {
+      immediate: true
+    }
+  );
+}, At = (e, t, r2) => {
+  const n = inject("setting"), o = () => {
+    nextTick(() => {
+      e.onRemount?.();
+    });
+  }, u2 = (c) => {
+    c && o();
+  };
+  watch([t, r2], o), watch(() => n.value.preview, u2), watch(() => n.value.htmlPreview, u2), onMounted(o);
+}, Ie = {
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  onChange: {
+    type: Function,
+    default: () => {
+    }
+  },
+  onHtmlChanged: {
+    type: Function,
+    default: () => {
+    }
+  },
+  onGetCatalog: {
+    type: Function,
+    default: () => {
+    }
+  },
+  mdHeadingId: {
+    type: Function,
+    default: () => ""
+  },
+  noMermaid: {
+    type: Boolean,
+    default: false
+  },
+  sanitize: {
+    type: Function,
+    default: (e) => e
+  },
+  // 不使用该函数功能
+  noKatex: {
+    type: Boolean,
+    default: false
+  },
+  formatCopiedText: {
+    type: Function,
+    default: (e) => e
+  },
+  noHighlight: {
+    type: Boolean,
+    default: false
+  },
+  previewOnly: {
+    type: Boolean,
+    default: false
+  },
+  noImgZoomIn: {
+    type: Boolean
+  },
+  sanitizeMermaid: {
+    type: Function
+  },
+  codeFoldable: {
+    type: Boolean
+  },
+  autoFoldThreshold: {
+    type: Number
+  },
+  onRemount: {
+    type: Function
+  },
+  noEcharts: {
+    type: Boolean
+  },
+  previewComponent: {
+    type: [Object, Function],
+    default: void 0
+  }
+}, on = {
+  ...Ie,
+  updateModelValue: {
+    type: Function,
+    default: () => {
+    }
+  },
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  scrollAuto: {
+    type: Boolean
+  },
+  autofocus: {
+    type: Boolean
+  },
+  readonly: {
+    type: Boolean
+  },
+  maxlength: {
+    type: Number
+  },
+  autoDetectCode: {
+    type: Boolean
+  },
+  /**
+   * 输入框失去焦点时触发事件
+   */
+  onBlur: {
+    type: Function,
+    default: () => {
+    }
+  },
+  /**
+   * 输入框获得焦点时触发事件
+   */
+  onFocus: {
+    type: Function,
+    default: () => {
+    }
+  },
+  completions: {
+    type: Array
+  },
+  onInput: {
+    type: Function
+  },
+  onDrop: {
+    type: Function,
+    default: () => {
+    }
+  },
+  inputBoxWidth: {
+    type: String
+  },
+  oninputBoxWidthChange: {
+    type: Function
+  },
+  transformImgUrl: {
+    type: Function,
+    default: (e) => e
+  },
+  catalogLayout: {
+    type: String
+  },
+  catalogMaxDepth: {
+    type: Number
+  }
+}, Ce = (e) => {
+  const r2 = new DOMParser().parseFromString(e, "text/html");
+  return Array.from(r2.body.childNodes);
+}, Ht = (e, t) => e.nodeType !== t.nodeType ? false : e.nodeType === Node.TEXT_NODE || e.nodeType === Node.COMMENT_NODE ? e.textContent === t.textContent : e.nodeType === Node.ELEMENT_NODE ? e.outerHTML === t.outerHTML : e.isEqualNode ? e.isEqualNode(t) : false, Mt = /* @__PURE__ */ defineComponent({
+  name: "UpdateOnDemand",
+  props: {
+    id: {
+      type: String,
+      required: true
+    },
+    class: {
+      type: [String, Array, Object],
+      required: true
+    },
+    html: {
+      type: String,
+      required: true
+    }
+  },
+  setup(e) {
+    const t = ref(), r2 = e.html, n = (o, u2) => {
+      if (!t.value) return;
+      const c = t.value, m = Array.from(c.childNodes), s = Math.min(o.length, u2.length);
+      let l2 = -1;
+      for (let a = 0; a < s; a++)
+        if (!Ht(o[a], u2[a])) {
+          l2 = a;
+          break;
+        }
+      if (l2 === -1)
+        if (u2.length > o.length)
+          l2 = o.length;
+        else if (o.length > u2.length)
+          l2 = u2.length;
+        else
+          return;
+      const i2 = Math.min(l2, m.length);
+      for (let a = m.length - 1; a >= i2; a--)
+        m[a].remove();
+      for (let a = l2; a < o.length; a++)
+        c.appendChild(o[a].cloneNode(true));
+    };
+    return watch(() => e.html, (o, u2) => {
+      const c = Ce(o), m = Ce(u2 || "");
+      n(c, m);
+    }), () => createVNode("div", {
+      id: e.id,
+      class: e.class,
+      innerHTML: r2,
+      ref: t
+    }, null);
+  }
+}), Pt = /* @__PURE__ */ defineComponent({
+  name: "ContentPreview",
+  props: Ie,
+  setup(e) {
+    const t = inject("editorId"), r2 = inject("setting"), n = inject("previewTheme"), o = inject("showCodeRowNumber"), {
+      html: u2,
+      key: c
+    } = xt(e, e.previewOnly);
+    nt(e, u2, c), Ft(e, u2), Rt(e, u2), At(e, u2, c);
+    const m = computed(() => [`${p}-preview`, `${n?.value}-theme`, o && `${p}-scrn`].filter(Boolean)), s = () => {
+      const l2 = `${t}-preview`;
+      return e.previewComponent ? h$3(e.previewComponent, {
+        key: c.value,
+        html: u2.value,
+        id: l2,
+        class: m.value
+      }) : createVNode(Mt, {
+        key: c.value,
+        html: u2.value,
+        id: l2,
+        class: m.value
+      }, null);
+    };
+    return () => createVNode(Fragment, null, [r2.value.preview && (e.previewOnly ? s() : createVNode("div", {
+      id: `${t}-preview-wrapper`,
+      class: `${p}-preview-wrapper`,
+      key: "content-preview-wrapper"
+    }, [s()])), r2.value.htmlPreview && createVNode("div", {
+      id: `${t}-html-wrapper`,
+      class: `${p}-preview-wrapper`,
+      key: "html-preview-wrapper"
+    }, [createVNode("div", {
+      class: `${p}-html`
+    }, [u2.value])])]);
+  }
+}), Lt = ({ text: e }) => e, Se = {
+  /**
+   * markdown content.
+   *
+   * @default ''
+   */
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  /**
+   * input回调事件
+   */
+  onChange: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * 主题，支持light和dark
+   *
+   * @default 'light'
+   */
+  theme: {
+    type: String,
+    default: "light"
+  },
+  /**
+   * 外层类名
+   *
+   * @default ''
+   */
+  class: {
+    type: String,
+    default: ""
+  },
+  /**
+   * 预设语言名称
+   *
+   * @default 'zh-CN'
+   */
+  language: {
+    type: String,
+    default: "zh-CN"
+  },
+  /**
+   * html变化事件
+   */
+  onHtmlChanged: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * 获取目录结构
+   */
+  onGetCatalog: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * 编辑器唯一标识
+   *
+   * @default 'md-editor-v3'
+   * @deprecated 5.x版本开始使用 id 替换
+   */
+  editorId: {
+    type: String,
+    default: void 0
+  },
+  /**
+   * 5.x版本开始 editorId 的替换
+   *
+   * @default 'md-editor-v3'
+   */
+  id: {
+    type: String,
+    default: void 0
+  },
+  /**
+   * 预览中代码是否显示行号
+   *
+   * @default true
+   */
+  showCodeRowNumber: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 预览内容样式
+   *
+   * @default 'default'
+   */
+  previewTheme: {
+    type: String,
+    default: "default"
+  },
+  /**
+   * 编辑器样式
+   */
+  style: {
+    type: Object,
+    default: () => ({})
+  },
+  /**
+   * 标题的id生成方式
+   *
+   * @default (text: string) => text
+   */
+  mdHeadingId: {
+    type: Function,
+    default: Lt
+  },
+  /**
+   *
+   * 不能保证文本正确的情况，在marked编译md文本后通过该方法处理
+   * 推荐DOMPurify、sanitize-html
+   *
+   * @default (text: string) => text
+   */
+  sanitize: {
+    type: Function,
+    default: (e) => e
+  },
+  /**
+   * 不使用该mermaid
+   *
+   * @default false
+   */
+  noMermaid: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 不使用katex
+   *
+   * @default false
+   */
+  noKatex: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 代码主题
+   *
+   * @default 'atom'
+   */
+  codeTheme: {
+    type: String,
+    default: "atom"
+  },
+  /**
+   * 复制代码格式化方法
+   *
+   * @default (text) => text
+   */
+  formatCopiedText: {
+    type: Function,
+    default: (e) => e
+  },
+  /**
+   * 某些预览主题的代码模块背景是暗色系
+   * 将这个属性设置为true，会自动在该主题下的light模式下使用暗色系的代码风格
+   *
+   * @default true
+   */
+  codeStyleReverse: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 需要自动调整的预览主题
+   *
+   * @default ['default', 'mk-cute']
+   */
+  codeStyleReverseList: {
+    type: Array,
+    default: ["default", "mk-cute"]
+  },
+  noHighlight: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 是否关闭编辑器默认的放大缩小功能
+   */
+  noImgZoomIn: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 自定义的图标
+   */
+  customIcon: {
+    type: Object,
+    default: {}
+  },
+  sanitizeMermaid: {
+    type: Function,
+    default: (e) => Promise.resolve(e)
+  },
+  /**
+   * 是否开启折叠代码功能
+   * 不开启会使用div标签替代details标签
+   *
+   * @default true
+   */
+  codeFoldable: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 触发自动折叠代码的行数阈值
+   *
+   * @default 30
+   */
+  autoFoldThreshold: {
+    type: Number,
+    default: 30
+  },
+  /**
+   * 内容重新挂载事件
+   *
+   * 相比起onHtmlChanged，onRemount会在重新挂载后触发
+   */
+  onRemount: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * 不使用 echarts
+   */
+  noEcharts: {
+    type: Boolean,
+    default: false
+  },
+  previewComponent: {
+    type: [Object, Function],
+    default: void 0
+  }
+}, an = {
+  ...Se,
+  /**
+   * input回调事件
+   */
+  onSave: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * 上传图片事件
+   */
+  onUploadImg: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * 是否页面内全屏
+   *
+   * @default false
+   */
+  pageFullscreen: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 是否展开预览
+   *
+   * @default true
+   */
+  preview: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 是否展开html预览
+   *
+   * @default false
+   */
+  htmlPreview: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 仅预览模式，不显示toolbar和编辑框
+   *
+   * @4.0.0开始移除该设置，使用组件MdPreview替换
+   *
+   * @default false
+   */
+  // previewOnly: {
+  //   type: Boolean as PropType<boolean>,
+  //   default: false
+  // },
+  /**
+   * 工具栏选择显示
+   *
+   * @default allToolbar
+   */
+  toolbars: {
+    type: Array,
+    default: k
+  },
+  /**
+   * 浮动工具栏
+   *
+   * @version 6.0.0
+   * @default []
+   */
+  floatingToolbars: {
+    type: Array,
+    default: []
+  },
+  /**
+   * 工具栏选择不显示
+   *
+   * @default []
+   */
+  toolbarsExclude: {
+    type: Array,
+    default: []
+  },
+  /**
+   * 格式化md
+   *
+   * @default true
+   */
+  noPrettier: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 一个tab等于空格数
+   *
+   * @default 2
+   */
+  tabWidth: {
+    type: Number,
+    default: 2
+  },
+  /**
+   * 表格预设格子数
+   *
+   * 也可以是[6, 4, 10, 8]
+   *
+   * @default [6, 4]
+   */
+  tableShape: {
+    type: Array,
+    default: [6, 4]
+  },
+  /**
+   * 空提示
+   *
+   * @default ''
+   */
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  /**
+   * 自定义的工具栏列表
+   */
+  defToolbars: {
+    type: [String, Object],
+    default: void 0
+  },
+  /**
+   * 内部错误捕获
+   */
+  onError: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * 页脚列表显示顺序
+   */
+  footers: {
+    type: Array,
+    default: b
+  },
+  /**
+   * 是否默认激活输入框和预览框同步滚动
+   *
+   * @default true
+   */
+  scrollAuto: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 自定义的也叫工具组件列表
+   */
+  defFooters: {
+    type: [String, Object],
+    default: void 0
+  },
+  /**
+   * 是否禁用上传图片
+   *
+   * @default false
+   */
+  noUploadImg: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 文本区域自动获得焦点
+   *
+   * @default false
+   */
+  autoFocus: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 禁用文本区域
+   *
+   * @default false
+   */
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 文本区域为只读
+   *
+   * @default false
+   */
+  readOnly: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 文本区域允许的最大字符数
+   */
+  maxLength: {
+    type: Number,
+    default: void 0
+  },
+  /**
+   * 是否启用自动识别粘贴代码类别
+   * 目前支持 vscode 复制的代码识别
+   *
+   * @default false
+   */
+  autoDetectCode: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 输入框失去焦点时触发事件
+   */
+  onBlur: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * 输入框获得焦点时触发事件
+   */
+  onFocus: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * @codemirror/autocomplete匹配关键词的方法列表
+   *
+   * 它会被像下面这样嵌入编辑器
+   *
+   * import { autocompletion } from '@codemirror/autocomplete';
+   * autocompletion({
+   *   override: [...completions]
+   * })
+   */
+  completions: {
+    type: Array,
+    default: void 0
+  },
+  /**
+   * 是否在工具栏下面显示对应的文字名称
+   *
+   * @default false
+   */
+  showToolbarName: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 字符输入事件
+   */
+  onInput: {
+    type: Function,
+    default: void 0
+  },
+  onDrop: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * 输入框的默认宽度
+   *
+   * @example '100px'/'50%'
+   * @default '50%
+   */
+  inputBoxWidth: {
+    type: String,
+    default: "50%"
+  },
+  /**
+   * 输入框宽度变化事件
+   */
+  oninputBoxWidthChange: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * 替换粘贴的图片链接
+   *
+   * @param t 图片链接
+   * @returns
+   */
+  transformImgUrl: {
+    type: Function,
+    default: (e) => e
+  },
+  /**
+   * 内置的目录显示的状态
+   *
+   * 'fixed': 悬浮在内容上方
+   * 'flat': 展示在右侧
+   *
+   * \>=5.3.0
+   *
+   * @default 'fixed'
+   */
+  catalogLayout: {
+    type: String,
+    default: "fixed"
+  },
+  /**
+   * 控制最大显示的目录层级
+   */
+  catalogMaxDepth: {
+    type: Number,
+    default: void 0
+  }
+}, xe = [
+  "onHtmlChanged",
+  "onGetCatalog",
+  "onChange",
+  "onRemount",
+  "update:modelValue"
+], rn = [
+  ...xe,
+  "onSave",
+  "onUploadImg",
+  "onError",
+  "onBlur",
+  "onFocus",
+  "onInput",
+  "onDrop",
+  "oninputBoxWidthChange"
+], Ot = (e, t, r2) => {
+  const { editorId: n } = r2, o = {
+    rerender() {
+      F.emit(n, D);
+    }
+  };
+  t.expose(o);
+}, ae = /* @__PURE__ */ defineComponent({
+  name: "MdPreview",
+  props: Se,
+  emits: xe,
+  setup(e, t) {
+    const {
+      noKatex: r2,
+      noMermaid: n,
+      noHighlight: o
+    } = e, u2 = ref(), c = tt(e);
+    Te(e, {
+      rootRef: u2,
+      editorId: c
+    }), Ot(e, t, {
+      editorId: c
+    }), onBeforeUnmount(() => {
+      F.clear(c);
+    });
+    const m = (a) => {
+      e.onChange?.(a), t.emit("onChange", a), t.emit("update:modelValue", a);
+    }, s = (a) => {
+      e.onHtmlChanged?.(a), t.emit("onHtmlChanged", a);
+    }, l2 = (a) => {
+      e.onGetCatalog?.(a), t.emit("onGetCatalog", a);
+    }, i2 = () => {
+      e.onRemount?.(), t.emit("onRemount");
+    };
+    return () => createVNode("div", {
+      id: c,
+      class: [p, e.class, e.theme === "dark" && `${p}-dark`, `${p}-previewOnly`],
+      style: e.style,
+      ref: u2
+    }, [createVNode(Pt, {
+      modelValue: e.modelValue,
+      onChange: m,
+      onHtmlChanged: s,
+      onGetCatalog: l2,
+      mdHeadingId: e.mdHeadingId,
+      noMermaid: n,
+      sanitize: e.sanitize,
+      noKatex: r2,
+      formatCopiedText: e.formatCopiedText,
+      noHighlight: o,
+      noImgZoomIn: e.noImgZoomIn,
+      previewOnly: true,
+      sanitizeMermaid: e.sanitizeMermaid,
+      codeFoldable: e.codeFoldable,
+      autoFoldThreshold: e.autoFoldThreshold,
+      onRemount: i2,
+      noEcharts: e.noEcharts,
+      previewComponent: e.previewComponent
+    }, null)]);
+  }
+});
+ae.install = (e) => (e.component(ae.name, ae), e);
+export {
+  M as C,
+  ae as M,
+  Pt as a,
+  an as b,
+  on as c,
+  en as d,
+  rn as e,
+  tn as f,
+  Jt as g,
+  Yt as h,
+  Qt as i,
+  nn as j,
+  Xt as k,
+  tt as u
+};
+//# sourceMappingURL=index3.mjs.map