qidian-vue-ui 1.1.57 → 1.1.58

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/MdEditor.mjs

@@ -1,3092 +0,0 @@
-import { a as I, D as h$2 } from "./chunks/index.mjs";
-import { M as W, s as ge$1, a as ve$1 } from "./chunks/index4.mjs";
-import { e as rn, b as an, u as tt, d as en, f as tn, g as Jt, h as Yt, i as Qt, j as nn, k as Xt, c as on, a as Pt, C as M, M as ae$1 } from "./chunks/index3.mjs";
-import o from "./ModalToolbar.mjs";
-import n from "./NormalToolbar.mjs";
-import { defineComponent, reactive, ref, computed, onBeforeUnmount, createVNode, inject, watch, nextTick, Fragment, cloneVNode, shallowRef, onMounted, createApp, toRef } from "vue";
-import { p, a as k, g as h, d as u$1, b, M as w } from "./chunks/config.mjs";
-import { draggingScroll as U, throttle as F$1, createSmoothScroll as C, linkTo as L } from "../../../../../@vavt_util@2.1.1/node_modules/@vavt/util/lib/es/index.mjs";
-import { history, deleteLine, defaultKeymap, historyKeymap, indentWithTab, undo, redo } from "../../../../../@codemirror_commands@6.10.1/node_modules/@codemirror/commands/dist/index.mjs";
-import { markdown } from "../../../../../@codemirror_lang-markdown@6.5.0/node_modules/@codemirror/lang-markdown/dist/index.mjs";
-import { languages } from "../../../../../@codemirror_language-data@6.5.2/node_modules/@codemirror/language-data/dist/index.mjs";
-import { Compartment, StateField, StateEffect, EditorState, EditorSelection, RangeSetBuilder } from "../../../../../@codemirror_state@6.5.3/node_modules/@codemirror/state/dist/index.mjs";
-import { EditorView, keymap, drawSelection, placeholder, showTooltip, Decoration, WidgetType } from "../../../../../@codemirror_view@6.39.6/node_modules/@codemirror/view/dist/index.mjs";
-import { b as F, R as G$1, c as T, a as d, e as V, T as O, S as u, G as f, C as C$1, O as i, U as I$1, E as N, d as h$1 } from "./chunks/event-bus.mjs";
-import { syntaxHighlighting, HighlightStyle, indentUnit } from "../../../../../@codemirror_language@6.12.1/node_modules/@codemirror/language/dist/index.mjs";
-import { autocompletion } from "../../../../../@codemirror_autocomplete@6.20.0/node_modules/@codemirror/autocomplete/dist/index.mjs";
-import { a as A } from "./chunks/dom.mjs";
-import { I as j, M as g$1 } from "./chunks/index2.mjs";
-import { b as u$2 } from "./chunks/index5.mjs";
-import { tags } from "../../../../../@lezer_highlight@1.2.3/node_modules/@lezer/highlight/dist/index.mjs";
-import { searchKeymap } from "../../../../../@codemirror_search@6.5.11/node_modules/@codemirror/search/dist/index.mjs";
-import { g } from "./chunks/vue-tsx.mjs";
-const oo = (e, t, o2) => {
-  const n2 = inject("editorId"), i2 = inject("setting");
-  let s = () => {
-  }, c = () => {
-  };
-  const d2 = () => {
-    s();
-    const u2 = o2.value?.view.contentDOM.getRootNode(), v = u2?.querySelector(
-      `#${n2} .cm-scroller`
-    ), m = u2?.querySelector(
-      `[id="${n2}-preview-wrapper"]`
-    ), f2 = u2?.querySelector(
-      `[id="${n2}-html-wrapper"]`
-    );
-    (m || f2) && ([c, s] = (m ? ge$1 : ve$1)(
-      v,
-      m || f2,
-      o2.value
-    ), e.scrollAuto && c());
-  };
-  watch([t, i2], () => {
-    nextTick(d2);
-  }), watch(
-    () => e.scrollAuto,
-    (u2) => {
-      u2 ? c() : s();
-    }
-  ), watch(
-    () => i2.value.previewOnly,
-    (u2) => {
-      u2 ? s() : c();
-    }
-  ), onMounted(d2);
-}, ue = async (e, t, o2) => {
-  if (/^h[1-6]$/.test(e))
-    return lo(e, t);
-  if (e === "prettier")
-    return await ao(t, o2);
-  switch (e) {
-    case "bold":
-    case "underline":
-    case "italic":
-    case "strikeThrough":
-    case "sub":
-    case "sup":
-    case "codeRow":
-    case "katexInline":
-    case "katexBlock":
-      return ro(e, t);
-    case "quote":
-    case "orderedList":
-    case "unorderedList":
-    case "task":
-      return io(e, t);
-    case "code":
-      return co(o2, t);
-    case "table":
-      return bo(o2);
-    case "link": {
-      const n2 = t.getSelectedText(), { desc: i2 = n2, url: s = "" } = o2, c = `[${i2}](${s})`;
-      return {
-        text: c,
-        options: {
-          select: s === "",
-          deviationStart: c.length - s.length - 1,
-          deviationEnd: -1
-        }
-      };
-    }
-    case "image":
-      return mo(o2, t);
-    case "flow":
-    case "sequence":
-    case "gantt":
-    case "class":
-    case "state":
-    case "pie":
-    case "relationship":
-    case "journey":
-      return uo(e);
-    case "universal":
-      return vo(t.getSelectedText(), o2);
-    default:
-      return { text: "", options: {} };
-  }
-}, lo = (e, t) => {
-  const o2 = e.slice(1), n2 = "#".repeat(Number(o2)), [i2, s, c] = pe(t, {
-    wholeLine: true
-  });
-  return {
-    text: `${n2} ${i2}`,
-    options: { deviationStart: n2.length + 1, replaceStart: s, replaceEnd: c }
-  };
-}, ao = async (e, t) => {
-  const o2 = window.prettier || h.editorExtensions.prettier?.prettierInstance, n2 = [
-    window.prettierPlugins?.markdown || h.editorExtensions.prettier?.parserMarkdownInstance
-  ];
-  return !o2 || !n2[0] ? (F.emit(t.editorId, N, {
-    name: "prettier",
-    message: "prettier is undefined"
-  }), {
-    text: e.getValue(),
-    options: { select: false, replaceAll: true }
-  }) : {
-    text: await o2.format(e.getValue(), {
-      parser: "markdown",
-      plugins: n2
-    }),
-    options: { select: false, replaceAll: true }
-  };
-}, no = {
-  bold: ["**", "**", 2, -2],
-  underline: ["<u>", "</u>", 3, -4],
-  italic: ["*", "*", 1, -1],
-  strikeThrough: ["~~", "~~", 2, -2],
-  sub: ["~", "~", 1, -1],
-  sup: ["^", "^", 1, -1],
-  codeRow: ["`", "`", 1, -1],
-  katexInline: ["$", "$", 1, -1],
-  katexBlock: [`
-$$
-`, `
-$$
-`, 4, -4]
-}, ro = (e, t) => {
-  const o2 = t.getSelectedText(), [n2, i2, s, c] = no[e];
-  return {
-    text: `${n2}${o2}${i2}`,
-    options: {
-      deviationStart: s,
-      deviationEnd: c
-      // replaceStart, replaceEnd
-    }
-  };
-}, so = {
-  quote: "> ",
-  unorderedList: "- ",
-  orderedList: 1,
-  task: "- [ ] "
-}, io = (e, t) => {
-  const [o2, n2, i2] = pe(t, {
-    wholeLine: true
-  }), s = o2.split(`
-`), c = so[e], d2 = e === "orderedList" ? s.map((m, f2) => `${c + f2}. ${m}`) : s.map((m) => `${c}${m}`), u2 = e === "orderedList" ? "1. " : c.toString(), v = s.length === 1 ? u2.length : 0;
-  return {
-    text: d2.join(`
-`),
-    options: { deviationStart: v, replaceStart: n2, replaceEnd: i2 }
-  };
-}, co = (e, t) => {
-  const [o2, n2, i2] = pe(t), s = e.mode || "language", c = `
-\`\`\`${s}
-${e.text || o2 || ""}
-\`\`\`
-`;
-  return {
-    text: c,
-    options: {
-      deviationStart: 4,
-      deviationEnd: 4 + s.length - c.length,
-      replaceStart: n2,
-      replaceEnd: i2
-    }
-  };
-}, uo = (e) => ({
-  text: `
-\`\`\`mermaid
-${{
-    flow: `flowchart TD 
-  Start --> Stop`,
-    sequence: `sequenceDiagram
-  A->>B: hello!
-  B-->>A: hi!`,
-    gantt: `gantt
-title Gantt Chart
-dateFormat  YYYY-MM-DD`,
-    class: `classDiagram
-  class Animal`,
-    state: `stateDiagram-v2
-  s1 --> s2`,
-    pie: `pie
-  "Dogs" : 386
-  "Cats" : 85
-  "Rats" : 15`,
-    relationship: `erDiagram
-  CAR ||--o{ NAMED-DRIVER : allows`,
-    journey: `journey
-  title My Journey`,
-    ...h.editorConfig.mermaidTemplate
-  }[e]}
-\`\`\`
-`,
-  options: { deviationStart: 12, deviationEnd: -5 }
-}), mo = (e, t) => {
-  const o2 = t.getSelectedText(), { desc: n2 = o2, url: i2 = "", urls: s } = e;
-  let c = "";
-  const d2 = i2 === "" && (!s || s instanceof Array && s.length === 0);
-  return s instanceof Array ? c = s.reduce((u2, v) => {
-    const {
-      url: m = "",
-      alt: f2 = "",
-      title: g2 = ""
-    } = typeof v == "object" ? v : { url: v };
-    return u2 + `![${f2}](${m}${g2 ? " '" + g2 + "'" : ""})
-`;
-  }, "") : c = `![${n2}](${i2})
-`, {
-    text: c,
-    options: {
-      select: i2 === "",
-      deviationStart: d2 ? c.length - i2.length - 2 : c.length,
-      deviationEnd: d2 ? -2 : 0
-    }
-  };
-}, bo = (e) => {
-  const { selectedShape: t = { x: 1, y: 1 } } = e, { x: o2, y: n2 } = t;
-  let i2 = `
-| Column`;
-  for (let s = 0; s <= n2; s++)
-    i2 += " |";
-  i2 += `
-|`;
-  for (let s = 0; s <= n2; s++)
-    i2 += " - |";
-  for (let s = 0; s <= o2; s++) {
-    i2 += `
-|`;
-    for (let c = 0; c <= n2; c++)
-      i2 += " |";
-  }
-  return i2 += `
-`, { text: i2, options: { deviationStart: 3, deviationEnd: 10 - i2.length } };
-}, vo = (e, t) => {
-  const { generate: o2 } = t, n2 = o2(e);
-  return {
-    text: n2.targetValue,
-    options: {
-      select: n2.select ?? true,
-      deviationStart: n2.deviationStart || 0,
-      deviationEnd: n2.deviationEnd || 0
-    }
-  };
-}, pe = (e, t = { wholeLine: false }) => {
-  const o2 = e.view.state, n2 = o2.selection.main;
-  if (n2.empty) {
-    const i2 = o2.doc.lineAt(n2.from);
-    return [o2.doc.lineAt(n2.from).text, i2.from, i2.to];
-  } else if (t.wholeLine) {
-    const i2 = o2.doc.lineAt(n2.from), s = o2.doc.lineAt(n2.to);
-    return [
-      o2.doc.sliceString(i2.from, s.to),
-      i2.from,
-      s.to
-    ];
-  }
-  return [
-    o2.doc.sliceString(n2.from, n2.to),
-    n2.from,
-    n2.to
-  ];
-}, G = (e) => {
-  const t = new Compartment();
-  return (n2) => (t.get(e.state) ? e.dispatch({ effects: t.reconfigure(n2) }) : e.dispatch({
-    effects: StateEffect.appendConfig.of(t.of(n2))
-  }), true);
-};
-class go {
-  view;
-  maxLength = Number.MAX_SAFE_INTEGER;
-  // 切换tabSize的执行方法。切换时，Compartment实例需要相同
-  toggleTabSize;
-  togglePlaceholder;
-  /**
-   * 设置全部的扩展
-   */
-  setExtensions;
-  toggleDisabled;
-  toggleReadOnly;
-  toggleMaxlength;
-  getValue() {
-    return this.view.state.doc.toString();
-  }
-  /**
-   * 设置内容
-   *
-   * @param insert 待插入内容
-   * @param from 插入开始位置
-   * @param to 插入结束位置
-   */
-  setValue(t, o2 = 0, n2 = this.view.state.doc.length) {
-    this.view.dispatch({
-      changes: {
-        from: o2,
-        to: n2,
-        insert: t
-      }
-    });
-  }
-  /**
-   * 获取选中的文本
-   */
-  getSelectedText() {
-    const { from: t, to: o2 } = this.view.state.selection.main;
-    return this.view.state.sliceDoc(t, o2);
-  }
-  /**
-   * 使用新的内容替换选中的内容
-   *
-   * @param text 待替换内容
-   * @param options 替换后是否选中
-   */
-  replaceSelectedText(t, o2, n2) {
-    const i2 = {
-      // 是否选中
-      select: true,
-      // 选中时，开始位置的偏移量
-      deviationStart: 0,
-      // 结束的偏移量
-      deviationEnd: 0,
-      // 直接替换所有文本
-      replaceAll: false,
-      // 替换旧文本的开始位置
-      replaceStart: -1,
-      // 替换旧文本的结束位置
-      replaceEnd: -1,
-      ...o2
-    };
-    try {
-      if (i2.replaceAll) {
-        if (this.setValue(t), t.length > this.maxLength)
-          throw new Error("The input text is too long");
-        return;
-      }
-      if (this.view.state.doc.length - this.getSelectedText().length + t.length > this.maxLength)
-        throw new Error("The input text is too long");
-      const { from: s } = this.view.state.selection.main;
-      i2.replaceStart !== -1 ? this.view.dispatch({
-        changes: {
-          from: i2.replaceStart,
-          to: i2.replaceEnd,
-          insert: t
-        }
-      }) : this.view.dispatch(this.view.state.replaceSelection(t)), i2.select && this.view.dispatch({
-        selection: {
-          anchor: i2.replaceStart === -1 ? s + i2.deviationStart : i2.replaceStart + i2.deviationStart,
-          head: i2.replaceStart === -1 ? s + t.length + i2.deviationEnd : i2.replaceStart + t.length + i2.deviationEnd
-        }
-      }), this.view.focus();
-    } catch (s) {
-      if (s.message === "The input text is too long")
-        F.emit(n2, N, {
-          name: "overlength",
-          message: s.message,
-          data: t
-        });
-      else
-        throw s;
-    }
-  }
-  constructor(t) {
-    this.view = t, this.toggleTabSize = G(this.view), this.togglePlaceholder = G(this.view), this.setExtensions = G(this.view), this.toggleDisabled = G(this.view), this.toggleReadOnly = G(this.view), this.toggleMaxlength = G(this.view);
-  }
-  /**
-   * 设置tabSize
-   *
-   * @param tabSize 需要切换的大小
-   */
-  setTabSize(t) {
-    this.toggleTabSize([
-      EditorState.tabSize.of(t),
-      indentUnit.of(" ".repeat(t))
-    ]);
-  }
-  /**
-   * 设置placeholder
-   *
-   * @param t 目标内容
-   */
-  setPlaceholder(t) {
-    this.togglePlaceholder(placeholder(t));
-  }
-  focus(t) {
-    if (this.view.focus(), !t)
-      return;
-    let o2 = 0, n2 = 0, i2 = 0;
-    switch (t) {
-      case "start":
-        break;
-      case "end": {
-        o2 = n2 = i2 = this.getValue().length;
-        break;
-      }
-      default:
-        o2 = t.rangeAnchor || t.cursorPos, n2 = t.rangeHead || t.cursorPos, i2 = t.cursorPos;
-    }
-    this.view.dispatch({
-      scrollIntoView: true,
-      selection: EditorSelection.create(
-        [EditorSelection.range(o2, n2), EditorSelection.cursor(i2)],
-        1
-      )
-    });
-  }
-  setDisabled(t) {
-    this.toggleDisabled([EditorView.editable.of(!t)]);
-  }
-  setReadOnly(t) {
-    this.toggleReadOnly([EditorState.readOnly.of(t)]);
-  }
-  setMaxLength(t) {
-    this.maxLength = t, this.toggleMaxlength([
-      EditorState.changeFilter.of((o2) => o2.newDoc.length <= t)
-    ]);
-  }
-}
-const ho = (e, t) => {
-  if (e === t) return true;
-  if (e.length !== t.length) return false;
-  for (let o2 = 0; o2 < e.length; o2++)
-    if (e[o2] !== t[o2]) return false;
-  return true;
-}, fo = (e, t) => {
-  const o2 = ref(t.value);
-  watch([t], () => {
-    (!o2.value || !ho(o2.value, t.value)) && (o2.value = t.value, e());
-  });
-}, ae = (e, t, o2, n2, i2) => (s, c, d2, u2) => {
-  const v = `${e}${t}${o2}${n2}`, m = d2 + c.label.length + (i2 === "title" ? o2.length : 0);
-  s.dispatch({
-    changes: { from: d2, to: u2, insert: v },
-    selection: EditorSelection.create(
-      [
-        EditorSelection.range(
-          d2 + c.label.length + (i2 === "title" ? 1 : -t.length),
-          m
-        ),
-        EditorSelection.cursor(m)
-      ],
-      1
-    )
-  }), s.focus();
-}, Ie = (e) => (t, o2, n2, i2) => {
-  const s = e.slice(i2 - n2);
-  t.dispatch(t.state.replaceSelection(`${s} `));
-}, Ee = (e) => {
-  const t = (o2) => {
-    const n2 = o2.matchBefore(
-      /^#+|^-\s*\[*\s*\]*|`+|\[|!\[*|^\|\s?\|?|\$\$?|!+\s*\w*/
-    );
-    return n2 === null || n2.from == n2.to && o2.explicit ? null : {
-      from: n2.from,
-      options: [
-        // 标题
-        ...["h2", "h3", "h4", "h5", "h6"].map((i2, s) => {
-          const c = new Array(s + 2).fill("#").join("");
-          return {
-            label: c,
-            type: "text",
-            apply: Ie(c)
-          };
-        }),
-        // 任务列表
-        ...["unchecked", "checked"].map((i2) => {
-          const s = i2 === "checked" ? "- [x]" : "- [ ]";
-          return {
-            label: s,
-            type: "text",
-            apply: Ie(s)
-          };
-        }),
-        // 代码
-        ...[
-          ["`", ""],
-          ["```", "language"],
-          ["```mermaid\n", ""],
-          ["```echarts\n", ""]
-        ].map((i2) => ({
-          label: `${i2[0]}${i2[1]}`,
-          type: "text",
-          apply: ae(i2[0], i2[1], "", i2[0] === "`" ? "`" : "\n```", "type")
-        })),
-        // 链接
-        {
-          label: "[]()",
-          type: "text"
-        },
-        {
-          label: "![]()",
-          type: "text"
-        },
-        // 表格
-        {
-          label: "| |",
-          type: "text",
-          detail: "table",
-          apply: `| col | col | col |
-| - | - | - |
-| content | content | content |
-| content | content | content |`
-        },
-        // 公式
-        {
-          label: "$",
-          type: "text",
-          apply: ae("$", "", "", "$", "type")
-        },
-        {
-          label: "$$",
-          type: "text",
-          apply: ae("$$", "", `
-`, `
-$$`, "title")
-        },
-        // 那啥？
-        ...[
-          "note",
-          "abstract",
-          "info",
-          "tip",
-          "success",
-          "question",
-          "warning",
-          "failure",
-          "danger",
-          "bug",
-          "example",
-          "quote",
-          "hint",
-          "caution",
-          "error",
-          "attention"
-        ].map((i2) => ({
-          label: `!!! ${i2}`,
-          type: "text",
-          apply: ae("!!!", ` ${i2}`, " Title", `
-
-!!!`, "title")
-        }))
-      ]
-    };
-  };
-  return autocompletion({
-    override: e ? [t, ...e] : [t]
-  });
-}, po = /* @__PURE__ */ defineComponent({
-  name: `${p}-divider`,
-  setup() {
-    return () => createVNode("div", {
-      class: `${p}-divider`
-    }, null);
-  }
-}), To = /* @__PURE__ */ defineComponent({
-  name: "ToolbarBold",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.bold,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, G$1, "bold");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "bold"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.bold])]);
-  }
-}), wo = /* @__PURE__ */ defineComponent({
-  name: "ToolbarCatalog",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName"), i2 = inject("catalogVisible");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, i2.value && `${p}-toolbar-active`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.catalog,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, C$1);
-      },
-      key: "bar-catalog",
-      type: "button"
-    }, [createVNode(j, {
-      name: "catalog"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.catalog])]);
-  }
-}), yo = /* @__PURE__ */ defineComponent({
-  name: "ToolbarCode",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.code,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, G$1, "code");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "code"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.code])]);
-  }
-}), Co = /* @__PURE__ */ defineComponent({
-  name: "ToolbarCodeRow",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.codeRow,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, G$1, "codeRow");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "code-row"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.codeRow])]);
-  }
-}), ko = /* @__PURE__ */ defineComponent({
-  name: "ToolbarFullscreen",
-  setup() {
-    const e = inject("usedLanguageText"), t = inject("disabled"), o2 = inject("showToolbarName"), n2 = inject("setting"), {
-      fullscreenHandler: i2
-    } = tl();
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, n2.value.fullscreen && `${p}-toolbar-active`, t?.value && `${p}-disabled`],
-      title: e.value.toolbarTips?.fullscreen,
-      disabled: t?.value,
-      onClick: () => {
-        i2();
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: n2.value.fullscreen ? "fullscreen-exit" : "fullscreen"
-    }, null), o2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [e.value.toolbarTips?.fullscreen])]);
-  }
-}), $o = /* @__PURE__ */ defineComponent({
-  name: "ToolbarGithub",
-  setup() {
-    const e = inject("usedLanguageText"), t = inject("disabled"), o2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, t?.value && `${p}-disabled`],
-      title: e.value.toolbarTips?.github,
-      disabled: t?.value,
-      onClick: () => {
-        L("https://github.com/imzbf/md-editor-v3");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "github"
-    }, null), o2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [e.value.toolbarTips?.github])]);
-  }
-}), xo = /* @__PURE__ */ defineComponent({
-  name: "ToolbarHtmlPreview",
-  setup() {
-    const e = inject("usedLanguageText"), t = inject("disabled"), o2 = inject("showToolbarName"), n2 = inject("setting"), i2 = inject("updateSetting");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, n2.value.htmlPreview && `${p}-toolbar-active`, t?.value && `${p}-disabled`],
-      title: e.value.toolbarTips?.htmlPreview,
-      disabled: t?.value,
-      onClick: () => {
-        i2("htmlPreview");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "preview-html"
-    }, null), o2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [e.value.toolbarTips?.htmlPreview])]);
-  }
-}), So = /* @__PURE__ */ defineComponent({
-  name: "ToolbarImage",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.image,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, G$1, "image");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "image"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.image])]);
-  }
-}), Io = {
-  visible: {
-    type: Boolean,
-    default: false
-  },
-  onCancel: {
-    type: Function,
-    default: () => {
-    }
-  },
-  onOk: {
-    type: Function,
-    default: () => {
-    }
-  }
-}, Eo = /* @__PURE__ */ defineComponent({
-  name: `${p}-modal-clip`,
-  props: Io,
-  setup(e) {
-    const t = inject("usedLanguageText"), o2 = inject("editorId"), n2 = inject("rootRef");
-    let i2 = h.editorExtensions.cropper.instance;
-    const s = ref(), c = ref(), d2 = ref(), u2 = reactive({
-      cropperInited: false,
-      imgSelected: false,
-      imgSrc: "",
-      // 是否全屏
-      isFullscreen: false
-    });
-    let v = null;
-    watch(() => e.visible, () => {
-      e.visible && !u2.cropperInited && (i2 = i2 || window.Cropper, s.value.onchange = () => {
-        if (!i2) {
-          F.emit(o2, N, {
-            name: "Cropper",
-            message: "Cropper is undefined"
-          });
-          return;
-        }
-        const g2 = s.value.files || [];
-        if (u2.imgSelected = true, g2?.length > 0) {
-          const p2 = new FileReader();
-          p2.onload = (k2) => {
-            u2.imgSrc = k2.target.result;
-          }, p2.readAsDataURL(g2[0]);
-        }
-      });
-    }), watch(() => [u2.imgSelected], () => {
-      d2.value.style = "";
-    }), watch([toRef(() => u2.isFullscreen), toRef(() => u2.imgSrc)], () => {
-      u2.imgSrc && nextTick(() => {
-        v?.destroy(), d2.value.style = "", c.value && (v = new i2(c.value, {
-          viewMode: 2,
-          preview: n2.value.getRootNode().querySelector(`.${p}-clip-preview-target`)
-          // aspectRatio: 16 / 9,
-        }));
-      });
-    });
-    const m = () => {
-      v.clear(), v.destroy(), v = null, s.value.value = "", u2.imgSelected = false, u2.imgSrc = "";
-    }, f2 = (g2) => {
-      u2.isFullscreen = g2;
-    };
-    return () => createVNode(g$1, {
-      class: `${p}-modal-clip`,
-      title: t.value.clipModalTips?.title,
-      visible: e.visible,
-      onClose: e.onCancel,
-      showAdjust: true,
-      isFullscreen: u2.isFullscreen,
-      onAdjust: f2,
-      width: "668px",
-      height: "421px"
-    }, {
-      default: () => [createVNode("div", {
-        class: `${p}-form-item ${p}-clip`
-      }, [createVNode("div", {
-        class: `${p}-clip-main`
-      }, [u2.imgSelected ? createVNode("div", {
-        class: `${p}-clip-cropper`
-      }, [createVNode("img", {
-        src: u2.imgSrc,
-        ref: c,
-        style: {
-          display: "none"
-        },
-        alt: ""
-      }, null), createVNode("div", {
-        class: `${p}-clip-delete`,
-        onClick: m
-      }, [createVNode(j, {
-        name: "delete"
-      }, null)])]) : createVNode("div", {
-        class: `${p}-clip-upload`,
-        onClick: () => {
-          s.value.click();
-        },
-        role: "button",
-        tabindex: "0",
-        "aria-label": t.value.imgTitleItem?.upload
-      }, [createVNode(j, {
-        name: "upload"
-      }, null)])]), createVNode("div", {
-        class: `${p}-clip-preview`
-      }, [createVNode("div", {
-        class: `${p}-clip-preview-target`,
-        ref: d2
-      }, null)])]), createVNode("div", {
-        class: `${p}-form-item`
-      }, [createVNode("button", {
-        class: `${p}-btn`,
-        type: "button",
-        onClick: () => {
-          if (v) {
-            const g2 = v.getCroppedCanvas();
-            F.emit(o2, I$1, [u$2(g2.toDataURL("image/png"))], e.onOk), m();
-          }
-        }
-      }, [t.value.clipModalTips?.buttonUpload || t.value.linkModalTips?.buttonOK])]), createVNode("input", {
-        ref: s,
-        accept: "image/*",
-        type: "file",
-        multiple: false,
-        style: {
-          display: "none"
-        },
-        "aria-hidden": "true"
-      }, null)]
-    });
-  }
-}), Lo = {
-  clipVisible: {
-    type: Boolean,
-    default: false
-  },
-  onCancel: {
-    type: Function,
-    default: () => {
-    }
-  },
-  onOk: {
-    type: Function,
-    default: () => {
-    }
-  }
-}, No = /* @__PURE__ */ defineComponent({
-  name: `${p}-modals`,
-  props: Lo,
-  setup(e) {
-    return () => createVNode(Eo, {
-      visible: e.clipVisible,
-      onOk: e.onOk,
-      onCancel: e.onCancel
-    }, null);
-  }
-}), Ao = /* @__PURE__ */ defineComponent({
-  name: "ToolbarImageDropdown",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName"), i2 = `${e}-toolbar-wrapper`, s = ref(false), c = ref(false), d2 = ref(), u2 = () => {
-      F.emit(e, I$1, Array.from(d2.value.files || [])), d2.value.value = "";
-    }, v = (k2, E) => {
-      o2?.value || F.emit(e, G$1, k2, E);
-    };
-    onMounted(() => {
-      d2.value.addEventListener("change", u2);
-    });
-    const m = (k2) => {
-      s.value = k2;
-    }, f2 = () => {
-      c.value = false;
-    }, g2 = (k2) => {
-      k2 && v("image", {
-        desc: k2.desc,
-        url: k2.url,
-        transform: true
-      }), c.value = false;
-    }, p$1 = computed(() => createVNode("ul", {
-      class: `${p}-menu`,
-      onClick: () => {
-        s.value = false;
-      },
-      role: "menu"
-    }, [createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-image`,
-      onClick: () => {
-        v("image");
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.imgTitleItem?.link]), createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-image`,
-      onClick: () => {
-        d2.value.click();
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.imgTitleItem?.upload]), createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-image`,
-      onClick: () => {
-        c.value = true;
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.imgTitleItem?.clip2upload])]));
-    return () => createVNode(Fragment, null, [createVNode("label", {
-      for: `${i2}_label`,
-      style: {
-        display: "none"
-      },
-      "aria-label": t.value.imgTitleItem?.upload
-    }, null), createVNode("input", {
-      id: `${i2}_label`,
-      ref: d2,
-      accept: "image/*",
-      type: "file",
-      multiple: true,
-      style: {
-        display: "none"
-      }
-    }, null), createVNode(I, {
-      relative: `#${i2}`,
-      visible: s.value,
-      onChange: m,
-      disabled: o2?.value,
-      overlay: p$1.value
-    }, {
-      default: () => [createVNode("button", {
-        class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-        title: t.value.toolbarTips?.image,
-        disabled: o2?.value,
-        type: "button"
-      }, [createVNode(j, {
-        name: "image"
-      }, null), n2?.value && createVNode("div", {
-        class: `${p}-toolbar-item-name`
-      }, [t.value.toolbarTips?.image])])]
-    }), createVNode(No, {
-      clipVisible: c.value,
-      onCancel: f2,
-      onOk: g2
-    }, null)]);
-  }
-}), Do = /* @__PURE__ */ defineComponent({
-  name: "ToolbarItalic",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.italic,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, G$1, "italic");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "italic"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.italic])]);
-  }
-}), Ro = /* @__PURE__ */ defineComponent({
-  name: "ToolbarKatex",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName"), i2 = `${e}-toolbar-wrapper`, s = ref(false), c = (v) => {
-      o2?.value || F.emit(e, G$1, v);
-    }, d2 = (v) => {
-      s.value = v;
-    }, u2 = computed(() => createVNode("ul", {
-      class: `${p}-menu`,
-      onClick: () => {
-        s.value = false;
-      },
-      role: "menu"
-    }, [createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-katex`,
-      onClick: () => {
-        c("katexInline");
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.katex?.inline]), createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-katex`,
-      onClick: () => {
-        c("katexBlock");
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.katex?.block])]));
-    return () => createVNode(I, {
-      relative: `#${i2}`,
-      visible: s.value,
-      onChange: d2,
-      disabled: o2?.value,
-      overlay: u2.value,
-      key: "bar-katex"
-    }, {
-      default: () => [createVNode("button", {
-        class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-        title: t.value.toolbarTips?.katex,
-        disabled: o2?.value,
-        type: "button"
-      }, [createVNode(j, {
-        name: "formula"
-      }, null), n2?.value && createVNode("div", {
-        class: `${p}-toolbar-item-name`
-      }, [t.value.toolbarTips?.katex])])]
-    });
-  }
-}), Mo = /* @__PURE__ */ defineComponent({
-  name: "ToolbarLink",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.link,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, G$1, "link");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "link"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.link])]);
-  }
-}), Fo = /* @__PURE__ */ defineComponent({
-  name: "ToolbarMermaid",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName"), i2 = `${e}-toolbar-wrapper`, s = ref(false), c = (v) => {
-      o2?.value || F.emit(e, G$1, v);
-    }, d2 = (v) => {
-      s.value = v;
-    }, u2 = computed(() => createVNode("ul", {
-      class: `${p}-menu`,
-      onClick: () => {
-        s.value = false;
-      },
-      role: "menu"
-    }, [createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-mermaid`,
-      onClick: () => {
-        c("flow");
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.mermaid?.flow]), createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-mermaid`,
-      onClick: () => {
-        c("sequence");
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.mermaid?.sequence]), createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-mermaid`,
-      onClick: () => {
-        c("gantt");
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.mermaid?.gantt]), createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-mermaid`,
-      onClick: () => {
-        c("class");
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.mermaid?.class]), createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-mermaid`,
-      onClick: () => {
-        c("state");
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.mermaid?.state]), createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-mermaid`,
-      onClick: () => {
-        c("pie");
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.mermaid?.pie]), createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-mermaid`,
-      onClick: () => {
-        c("relationship");
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.mermaid?.relationship]), createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-mermaid`,
-      onClick: () => {
-        c("journey");
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.mermaid?.journey])]));
-    return () => createVNode(I, {
-      relative: `#${i2}`,
-      visible: s.value,
-      onChange: d2,
-      disabled: o2?.value,
-      overlay: u2.value,
-      key: "bar-mermaid"
-    }, {
-      default: () => [createVNode("button", {
-        class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-        title: t.value.toolbarTips?.mermaid,
-        disabled: o2?.value,
-        type: "button"
-      }, [createVNode(j, {
-        name: "mermaid"
-      }, null), n2?.value && createVNode("div", {
-        class: `${p}-toolbar-item-name`
-      }, [t.value.toolbarTips?.mermaid])])]
-    });
-  }
-}), Bo = /* @__PURE__ */ defineComponent({
-  name: "ToolbarNext",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.next,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, d);
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "next"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.next])]);
-  }
-}), Po = /* @__PURE__ */ defineComponent({
-  name: "ToolbarOrderedList",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.orderedList,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, G$1, "orderedList");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "ordered-list"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.orderedList])]);
-  }
-}), Ho = /* @__PURE__ */ defineComponent({
-  name: "ToolbarPageFullscreen",
-  setup() {
-    const e = inject("usedLanguageText"), t = inject("disabled"), o2 = inject("showToolbarName"), n2 = inject("setting"), i2 = inject("updateSetting");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, n2.value.pageFullscreen && `${p}-toolbar-active`, t?.value && `${p}-disabled`],
-      title: e.value.toolbarTips?.pageFullscreen,
-      disabled: t?.value,
-      onClick: () => {
-        i2("pageFullscreen");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: n2.value.pageFullscreen ? "minimize" : "maximize"
-    }, null), o2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [e.value.toolbarTips?.pageFullscreen])]);
-  }
-}), Oo = /* @__PURE__ */ defineComponent({
-  name: "ToolbarPrettier",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.prettier,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, G$1, "prettier");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "prettier"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.prettier])]);
-  }
-}), Vo = /* @__PURE__ */ defineComponent({
-  name: "ToolbarPreview",
-  setup() {
-    const e = inject("usedLanguageText"), t = inject("disabled"), o2 = inject("showToolbarName"), n2 = inject("setting"), i2 = inject("updateSetting");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, n2.value.preview && `${p}-toolbar-active`, t?.value && `${p}-disabled`],
-      title: e.value.toolbarTips?.preview,
-      disabled: t?.value,
-      onClick: () => {
-        i2("preview");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "preview"
-    }, null), o2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [e.value.toolbarTips?.preview])]);
-  }
-}), Wo = /* @__PURE__ */ defineComponent({
-  name: "ToolbarPreviewOnly",
-  setup() {
-    const e = inject("usedLanguageText"), t = inject("disabled"), o2 = inject("showToolbarName"), n2 = inject("setting"), i2 = inject("updateSetting");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, n2.value.previewOnly && `${p}-toolbar-active`, t?.value && `${p}-disabled`],
-      title: e.value.toolbarTips?.previewOnly,
-      disabled: t?.value,
-      onClick: () => {
-        i2("previewOnly");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "preview-only"
-    }, null), o2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [e.value.toolbarTips?.previewOnly])]);
-  }
-}), _o = /* @__PURE__ */ defineComponent({
-  name: "ToolbarQuote",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.quote,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, G$1, "quote");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "quote"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.quote])]);
-  }
-}), zo = /* @__PURE__ */ defineComponent({
-  name: "ToolbarRevoke",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.revoke,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, T);
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "revoke"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.revoke])]);
-  }
-}), qo = /* @__PURE__ */ defineComponent({
-  name: "ToolbarSave",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.save,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, i);
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "save"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.save])]);
-  }
-}), Uo = /* @__PURE__ */ defineComponent({
-  name: "ToolbarStrikeThrough",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.strikeThrough,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, G$1, "strikeThrough");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "strike-through"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.strikeThrough])]);
-  }
-}), Ko = /* @__PURE__ */ defineComponent({
-  name: "ToolbarSub",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.sub,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, G$1, "sub");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "sub"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.sub])]);
-  }
-}), Go = /* @__PURE__ */ defineComponent({
-  name: "ToolbarSup",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.sup,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, G$1, "sup");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "sup"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.sup])]);
-  }
-}), jo = {
-  tableShape: {
-    type: Array,
-    default: () => [6, 4]
-  },
-  onSelected: {
-    type: Function,
-    default: () => {
-    }
-  }
-}, Yo = /* @__PURE__ */ defineComponent({
-  name: "TableShape",
-  props: jo,
-  setup(e) {
-    const t = reactive({
-      x: -1,
-      y: -1
-    }), o2 = computed(() => JSON.stringify(e.tableShape)), n2 = () => {
-      const s = [...JSON.parse(o2.value)];
-      return (!s[2] || s[2] < s[0]) && (s[2] = s[0]), (!s[3] || s[3] < s[3]) && (s[3] = s[1]), s;
-    }, i2 = ref(n2());
-    return watch([o2], () => {
-      i2.value = n2();
-    }), () => createVNode("div", {
-      class: `${p}-table-shape`,
-      onMouseleave: () => {
-        i2.value = n2(), t.x = -1, t.y = -1;
-      }
-    }, [new Array(i2.value[1]).fill("").map((s, c) => createVNode("div", {
-      class: `${p}-table-shape-row`,
-      key: `table-shape-row-${c}`
-    }, [new Array(i2.value[0]).fill("").map((d2, u2) => createVNode("div", {
-      class: `${p}-table-shape-col`,
-      key: `table-shape-col-${u2}`,
-      onMouseenter: () => {
-        t.x = c, t.y = u2, u2 + 1 === i2.value[0] && u2 + 1 < i2.value[2] ? i2.value[0]++ : u2 + 2 < i2.value[0] && i2.value[0] > e.tableShape[0] && i2.value[0]--, c + 1 === i2.value[1] && c + 1 < i2.value[3] ? i2.value[1]++ : c + 2 < i2.value[1] && i2.value[1] > e.tableShape[1] && i2.value[1]--;
-      },
-      onClick: () => {
-        e.onSelected(t);
-      }
-    }, [createVNode("div", {
-      class: [`${p}-table-shape-col-default`, c <= t.x && u2 <= t.y && `${p}-table-shape-col-include`]
-    }, null)]))]))]);
-  }
-}), Zo = /* @__PURE__ */ defineComponent({
-  name: "ToolbarTable",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName"), i2 = inject("tableShape"), s = `${e}-toolbar-wrapper`, c = ref(false), d2 = (m) => {
-      c.value = m;
-    }, u2 = (m) => {
-      o2?.value || F.emit(e, G$1, "table", {
-        selectedShape: m
-      });
-    }, v = computed(() => createVNode(Yo, {
-      tableShape: i2.value,
-      onSelected: u2
-    }, null));
-    return () => createVNode(I, {
-      relative: `#${s}`,
-      visible: c.value,
-      onChange: d2,
-      disabled: o2?.value,
-      key: "bar-table",
-      overlay: v.value
-    }, {
-      default: () => [createVNode("button", {
-        class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-        title: t.value.toolbarTips?.table,
-        disabled: o2?.value,
-        type: "button"
-      }, [createVNode(j, {
-        name: "table"
-      }, null), n2?.value && createVNode("div", {
-        class: `${p}-toolbar-item-name`
-      }, [t.value.toolbarTips?.table])])]
-    });
-  }
-}), Xo = /* @__PURE__ */ defineComponent({
-  name: "ToolbarTask",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.task,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, G$1, "task");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "task"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.task])]);
-  }
-}), Jo = /* @__PURE__ */ defineComponent({
-  name: "ToolbarTitle",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName"), i2 = `${e}-toolbar-wrapper`, s = ref(false), c = (v) => {
-      o2?.value || F.emit(e, G$1, v);
-    }, d2 = (v) => {
-      s.value = v;
-    }, u2 = computed(() => createVNode("ul", {
-      class: `${p}-menu`,
-      onClick: () => {
-        s.value = false;
-      },
-      role: "menu"
-    }, [createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-title`,
-      onClick: () => {
-        c("h1");
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.titleItem?.h1]), createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-title`,
-      onClick: () => {
-        c("h2");
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.titleItem?.h2]), createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-title`,
-      onClick: () => {
-        c("h3");
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.titleItem?.h3]), createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-title`,
-      onClick: () => {
-        c("h4");
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.titleItem?.h4]), createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-title`,
-      onClick: () => {
-        c("h5");
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.titleItem?.h5]), createVNode("li", {
-      class: `${p}-menu-item ${p}-menu-item-title`,
-      onClick: () => {
-        c("h6");
-      },
-      role: "menuitem",
-      tabindex: "0"
-    }, [t.value.titleItem?.h6])]));
-    return () => createVNode(I, {
-      relative: `#${i2}`,
-      visible: s.value,
-      onChange: d2,
-      disabled: o2?.value,
-      overlay: u2.value
-    }, {
-      default: () => [createVNode("button", {
-        class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-        disabled: o2?.value,
-        title: t.value.toolbarTips?.title,
-        type: "button"
-      }, [createVNode(j, {
-        name: "title"
-      }, null), n2?.value && createVNode("div", {
-        class: `${p}-toolbar-item-name`
-      }, [t.value.toolbarTips?.title])])]
-    });
-  }
-}), Qo = /* @__PURE__ */ defineComponent({
-  name: "ToolbarUnderline",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.underline,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, G$1, "underline");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "underline"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.underline])]);
-  }
-}), el = /* @__PURE__ */ defineComponent({
-  name: "ToolbarUnorderedList",
-  setup() {
-    const e = inject("editorId"), t = inject("usedLanguageText"), o2 = inject("disabled"), n2 = inject("showToolbarName");
-    return () => createVNode("button", {
-      class: [`${p}-toolbar-item`, o2?.value && `${p}-disabled`],
-      title: t.value.toolbarTips?.unorderedList,
-      disabled: o2?.value,
-      onClick: () => {
-        F.emit(e, G$1, "unorderedList");
-      },
-      type: "button"
-    }, [createVNode(j, {
-      name: "unordered-list"
-    }, null), n2?.value && createVNode("div", {
-      class: `${p}-toolbar-item-name`
-    }, [t.value.toolbarTips?.unorderedList])]);
-  }
-}), tl = () => {
-  const e = inject("editorId"), t = inject("setting"), o2 = inject("updateSetting"), {
-    editorExtensions: n2,
-    editorExtensionsAttrs: i2
-  } = h;
-  let s = n2.screenfull.instance;
-  const c = ref(false), d2 = (m) => {
-    if (!s) {
-      F.emit(e, N, {
-        name: "fullscreen",
-        message: "fullscreen is undefined"
-      });
-      return;
-    }
-    s.isEnabled ? (c.value = true, (m === void 0 ? !s.isFullscreen : m) ? s.request() : s.exit()) : console.error("browser does not support screenfull!");
-  }, u2 = () => {
-    s && s.isEnabled && s.on("change", () => {
-      (c.value || t.value.fullscreen) && (c.value = false, o2("fullscreen"));
-    });
-  }, v = () => {
-    s = window.screenfull, u2();
-  };
-  return onMounted(() => {
-    u2(), s || A("script", {
-      ...i2.screenfull?.js,
-      src: n2.screenfull.js,
-      id: M.screenfull,
-      onload: v
-    }, "screenfull");
-  }), onMounted(() => {
-    F.on(e, {
-      name: h$1,
-      callback: d2
-    });
-  }), {
-    fullscreenHandler: d2
-  };
-};
-let ol = 0;
-const Ze = () => {
-  const e = inject("editorId"), t = inject("theme"), o2 = inject("previewTheme"), n2 = inject("language"), i2 = inject("disabled"), s = inject("noUploadImg"), c = inject("noPrettier"), d2 = inject("codeTheme"), u2 = inject("showToolbarName"), v = inject("setting"), m = inject("defToolbars");
-  return {
-    barRender: (g2) => {
-      if (k.includes(g2))
-        switch (g2) {
-          case "-":
-            return createVNode(po, {
-              key: `bar-${ol++}`
-            }, null);
-          case "bold":
-            return createVNode(To, {
-              key: "bar-bold"
-            }, null);
-          case "underline":
-            return createVNode(Qo, {
-              key: "bar-unorderline"
-            }, null);
-          case "italic":
-            return createVNode(Do, {
-              key: "bar-italic"
-            }, null);
-          case "strikeThrough":
-            return createVNode(Uo, {
-              key: "bar-strikeThrough"
-            }, null);
-          case "title":
-            return createVNode(Jo, {
-              key: "bar-title"
-            }, null);
-          case "sub":
-            return createVNode(Ko, {
-              key: "bar-sub"
-            }, null);
-          case "sup":
-            return createVNode(Go, {
-              key: "bar-sup"
-            }, null);
-          case "quote":
-            return createVNode(_o, {
-              key: "bar-quote"
-            }, null);
-          case "unorderedList":
-            return createVNode(el, {
-              key: "bar-unorderedList"
-            }, null);
-          case "orderedList":
-            return createVNode(Po, {
-              key: "bar-orderedList"
-            }, null);
-          case "task":
-            return createVNode(Xo, {
-              key: "bar-task"
-            }, null);
-          case "codeRow":
-            return createVNode(Co, {
-              key: "bar-codeRow"
-            }, null);
-          case "code":
-            return createVNode(yo, {
-              key: "bar-code"
-            }, null);
-          case "link":
-            return createVNode(Mo, {
-              key: "bar-link"
-            }, null);
-          case "image":
-            return s ? createVNode(So, {
-              key: "bar-image"
-            }, null) : createVNode(Ao, {
-              key: "bar-imageDropdown"
-            }, null);
-          case "table":
-            return createVNode(Zo, {
-              key: "bar-table"
-            }, null);
-          case "revoke":
-            return createVNode(zo, {
-              key: "bar-revoke"
-            }, null);
-          case "next":
-            return createVNode(Bo, {
-              key: "bar-next"
-            }, null);
-          case "save":
-            return createVNode(qo, {
-              key: "bar-save"
-            }, null);
-          case "prettier":
-            return !c && createVNode(Oo, {
-              key: "bar-prettier"
-            }, null);
-          case "pageFullscreen":
-            return !v.value.fullscreen && createVNode(Ho, {
-              key: "bar-pageFullscreen"
-            }, null);
-          case "fullscreen":
-            return createVNode(ko, {
-              key: "bar-fullscreen"
-            }, null);
-          case "catalog":
-            return createVNode(wo, {
-              key: "bar-catalog"
-            }, null);
-          case "preview":
-            return createVNode(Vo, {
-              key: "bar-preview"
-            }, null);
-          case "previewOnly":
-            return createVNode(Wo, {
-              key: "bar-previewOnly"
-            }, null);
-          case "htmlPreview":
-            return createVNode(xo, {
-              key: "bar-htmlPreview"
-            }, null);
-          case "github":
-            return createVNode($o, {
-              key: "bar-github"
-            }, null);
-          case "mermaid":
-            return createVNode(Fo, {
-              key: "bar-mermaid"
-            }, null);
-          case "katex":
-            return createVNode(Ro, {
-              key: "bar-katex"
-            }, null);
-        }
-      else if (m.value instanceof Array) {
-        const p2 = m.value[g2];
-        return p2 ? cloneVNode(p2, {
-          theme: p2.props?.theme || t.value,
-          previewTheme: p2.props?.theme || o2.value,
-          language: p2.props?.theme || n2.value,
-          codeTheme: p2.props?.codeTheme || d2.value,
-          disabled: p2.props?.disabled || i2.value,
-          showToolbarName: p2.props?.showToolbarName || u2.value,
-          insert(E) {
-            F.emit(e, G$1, "universal", {
-              generate: E
-            });
-          }
-        }) : "";
-      } else if (m.value?.children instanceof Array) {
-        const p2 = m.value.children[g2];
-        return p2 ? cloneVNode(p2, {
-          theme: p2.props?.theme || t.value,
-          previewTheme: p2.props?.theme || o2.value,
-          language: p2.props?.theme || n2.value,
-          codeTheme: p2.props?.codeTheme || d2.value,
-          disabled: p2.props?.disabled || i2.value,
-          showToolbarName: p2.props?.showToolbarName || u2.value,
-          insert(E) {
-            F.emit(e, G$1, "universal", {
-              generate: E
-            });
-          }
-        }) : "";
-      } else
-        return "";
-    }
-  };
-}, ll = /* @__PURE__ */ defineComponent({
-  name: "FloatingToolbar",
-  setup() {
-    const e = inject("floatingToolbars"), {
-      barRender: t
-    } = Ze();
-    return () => createVNode("div", {
-      class: `${p}-floating-toolbar`
-    }, [e.value.map((o2) => t(o2))]);
-  }
-}), ge = StateEffect.define(), al = StateField.define({
-  create() {
-    return null;
-  },
-  update(e, t) {
-    for (const o2 of t.effects) o2.is(ge) && (e = o2.value);
-    return e;
-  },
-  provide: (e) => showTooltip.from(e)
-}), nl = (e) => {
-  let t = null;
-  const o2 = (s, c) => {
-    t && t.kind === c.kind && t.pos === c.pos || (t = c, s.dispatch({
-      effects: ge.of({
-        pos: c.pos,
-        above: true,
-        arrow: true,
-        create: () => {
-          const d2 = document.createElement("div"), u2 = `${p}-floating-toolbar-container`;
-          d2.classList.add(u2), d2.dataset.state = "hidden", requestAnimationFrame(() => {
-            d2.dataset.state = "visible";
-          });
-          const v = document.createElement("div");
-          d2.appendChild(v);
-          const m = createApp(ll);
-          return e.privide(m), m.mount(d2), { dom: d2, destroy: () => m.unmount() };
-        }
-      })
-    }));
-  }, n2 = (s) => {
-    t && (t = null, s.dispatch({ effects: ge.of(null) }));
-  }, i2 = EditorView.updateListener.of((s) => {
-    if (s.selectionSet || s.docChanged) {
-      const c = s.state, d2 = c.selection.main;
-      if (!d2.empty)
-        o2(s.view, { kind: "selection", pos: d2.anchor });
-      else {
-        const u2 = d2.head, v = c.doc.lineAt(u2);
-        /^\s*$/.test(v.text) ? o2(s.view, { kind: "emptyLine", pos: u2 }) : n2(s.view);
-      }
-    }
-  });
-  return [al, i2];
-}, rl = "#e5c07b", Le = "var(--md-color)", sl = "#56b6c2", il = "#fff", Q = "#3f4a54", Ne = "#2d8cf0", cl = "#2d8cf0", ul = "#3f4a54", Ae = "#d19a66", dl = "#c678dd", ml = "#f6f6f6", bl = "#ceedfa33", De = "var(--md-bk-color)", de = "var(--md-bk-color)", vl = "#bad5fa", Re = "#3f4a54", gl = EditorView.theme(
-  {
-    "&": {
-      color: Q,
-      backgroundColor: De
-    },
-    ".cm-content": {
-      caretColor: Re
-    },
-    ".cm-cursor, .cm-dropCursor": { borderLeftColor: Re },
-    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection": { backgroundColor: vl },
-    ".cm-panels": { backgroundColor: ml, color: Q },
-    ".cm-panels.cm-panels-top": { borderBottom: "1px solid var(--md-border-color)" },
-    ".cm-panels.cm-panels-bottom": { borderTop: "1px solid var(--md-border-color)" },
-    ".cm-searchMatch": {
-      backgroundColor: "#72a1ff59",
-      outline: "1px solid #457dff"
-    },
-    ".cm-searchMatch.cm-searchMatch-selected": {
-      backgroundColor: "#6199ff2f"
-    },
-    ".cm-activeLine": { backgroundColor: "#ceedfa33" },
-    ".cm-selectionMatch": { backgroundColor: "#aafe661a" },
-    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
-      backgroundColor: "#bad0f847"
-    },
-    ".cm-gutters": {
-      backgroundColor: De,
-      color: Q,
-      borderRight: "1px solid",
-      borderColor: "var(--md-border-color)"
-    },
-    ".cm-activeLineGutter": {
-      backgroundColor: bl
-    },
-    ".cm-foldPlaceholder": {
-      backgroundColor: "transparent",
-      border: "none",
-      color: "#ddd"
-    },
-    ".cm-tooltip": {
-      border: "1px solid var(--md-border-color)",
-      backgroundColor: de
-    },
-    ".cm-tooltip .cm-tooltip-arrow:before": {
-      borderTopColor: "var(--md-border-color)",
-      //'transparent',
-      borderBottomColor: "var(--md-border-color)"
-    },
-    ".cm-tooltip .cm-tooltip-arrow:after": {
-      borderTopColor: de,
-      borderBottomColor: de
-    },
-    ".cm-tooltip-autocomplete": {
-      "& > ul > li[aria-selected]": {
-        color: Q
-      }
-    }
-  }
-  // { dark: true }
-), hl = HighlightStyle.define([
-  { tag: tags.keyword, color: dl },
-  { tag: [tags.name, tags.deleted, tags.character, tags.propertyName, tags.macroName], color: Le },
-  { tag: [tags.function(tags.variableName), tags.labelName], color: cl },
-  { tag: [tags.color, tags.constant(tags.name), tags.standard(tags.name)], color: Ae },
-  { tag: [tags.definition(tags.name), tags.separator], color: Q },
-  {
-    tag: [
-      tags.typeName,
-      tags.className,
-      tags.number,
-      tags.changed,
-      tags.annotation,
-      tags.modifier,
-      tags.self,
-      tags.namespace
-    ],
-    color: rl
-  },
-  {
-    tag: [
-      tags.operator,
-      tags.operatorKeyword,
-      tags.url,
-      tags.escape,
-      tags.regexp,
-      tags.link,
-      tags.special(tags.string)
-    ],
-    color: sl
-  },
-  { tag: [tags.meta, tags.comment], color: Ne },
-  { tag: tags.strong, fontWeight: "bold" },
-  { tag: tags.emphasis, fontStyle: "italic" },
-  { tag: tags.strikethrough, textDecoration: "line-through" },
-  { tag: tags.link, color: Ne, textDecoration: "underline" },
-  { tag: tags.heading, fontWeight: "bold", color: Le },
-  { tag: [tags.atom, tags.bool, tags.special(tags.variableName)], color: Ae },
-  { tag: [tags.processingInstruction, tags.string, tags.inserted], color: ul },
-  { tag: tags.invalid, color: il }
-]), Me = [
-  gl,
-  syntaxHighlighting(hl)
-], fl = "#e5c07b", Fe = "var(--md-color)", pl = "#56b6c2", Tl = "#ffffff", ee = "var(--md-color)", Be = "#e5c07b", wl = "#e5c07b", yl = "var(--md-color)", Pe = "#d19a66", Cl = "#c678dd", kl = "#21252b", $l = "#2c313a", He = "var(--md-bk-color)", me = "var(--md-bk-color)", xl = "#ceedfa33", Oe = "#528bff", Sl = EditorView.theme(
-  {
-    "&": {
-      color: ee,
-      backgroundColor: He
-    },
-    ".cm-content": {
-      caretColor: Oe
-    },
-    ".cm-cursor, .cm-dropCursor": { borderLeftColor: Oe },
-    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection": { backgroundColor: xl },
-    ".cm-panels": { backgroundColor: kl, color: ee },
-    ".cm-panels.cm-panels-top": { borderBottom: "1px solid var(--md-border-color)" },
-    ".cm-panels.cm-panels-bottom": { borderTop: "1px solid var(--md-border-color)" },
-    ".cm-searchMatch": {
-      backgroundColor: "#72a1ff59",
-      outline: "1px solid #457dff"
-    },
-    ".cm-searchMatch.cm-searchMatch-selected": {
-      backgroundColor: "#6199ff2f"
-    },
-    ".cm-activeLine": { backgroundColor: "#ceedfa33" },
-    ".cm-selectionMatch": { backgroundColor: "#aafe661a" },
-    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
-      backgroundColor: "#bad0f847"
-    },
-    ".cm-gutters": {
-      backgroundColor: He,
-      color: ee,
-      borderRight: "1px solid",
-      borderColor: "var(--md-border-color)"
-    },
-    ".cm-activeLineGutter": {
-      backgroundColor: $l
-    },
-    ".cm-foldPlaceholder": {
-      backgroundColor: "transparent",
-      border: "none",
-      color: "#ddd"
-    },
-    ".cm-tooltip": {
-      border: "1px solid var(--md-border-color)",
-      backgroundColor: me
-    },
-    ".cm-tooltip .cm-tooltip-arrow:before": {
-      borderTopColor: "var(--md-border-color)",
-      //'transparent',
-      borderBottomColor: "var(--md-border-color)"
-    },
-    ".cm-tooltip .cm-tooltip-arrow:after": {
-      borderTopColor: me,
-      borderBottomColor: me
-    },
-    ".cm-tooltip-autocomplete": {
-      "& > ul > li[aria-selected]": {
-        color: ee
-      }
-    }
-  },
-  { dark: true }
-), Il = HighlightStyle.define([
-  { tag: tags.keyword, color: Cl },
-  { tag: [tags.name, tags.deleted, tags.character, tags.propertyName, tags.macroName], color: Fe },
-  { tag: [tags.function(tags.variableName), tags.labelName], color: wl },
-  { tag: [tags.color, tags.constant(tags.name), tags.standard(tags.name)], color: Pe },
-  { tag: [tags.definition(tags.name), tags.separator], color: ee },
-  {
-    tag: [
-      tags.typeName,
-      tags.className,
-      tags.number,
-      tags.changed,
-      tags.annotation,
-      tags.modifier,
-      tags.self,
-      tags.namespace
-    ],
-    color: fl
-  },
-  {
-    tag: [
-      tags.operator,
-      tags.operatorKeyword,
-      tags.url,
-      tags.escape,
-      tags.regexp,
-      tags.link,
-      tags.special(tags.string)
-    ],
-    color: pl
-  },
-  { tag: [tags.meta, tags.comment], color: Be },
-  { tag: tags.strong, fontWeight: "bold" },
-  { tag: tags.emphasis, fontStyle: "italic" },
-  { tag: tags.strikethrough, textDecoration: "line-through" },
-  { tag: tags.link, color: Be, textDecoration: "underline" },
-  { tag: tags.heading, fontWeight: "bold", color: Fe },
-  { tag: [tags.atom, tags.bool, tags.special(tags.variableName)], color: Pe },
-  { tag: [tags.processingInstruction, tags.string, tags.inserted], color: yl },
-  { tag: tags.invalid, color: Tl }
-]), Ve = [
-  Sl,
-  syntaxHighlighting(Il)
-], El = (e, t) => {
-  const o2 = inject("editorId"), n2 = (s) => {
-    s instanceof Promise ? s.then((c) => {
-      F.emit(o2, G$1, "universal", {
-        generate() {
-          return {
-            targetValue: c
-          };
-        }
-      });
-    }).catch((c) => {
-      console.error(c);
-    }) : F.emit(o2, G$1, "universal", {
-      generate() {
-        return {
-          targetValue: s
-        };
-      }
-    });
-  };
-  return (s) => {
-    if (!s.clipboardData)
-      return;
-    if (s.clipboardData.files.length > 0) {
-      const { files: g2 } = s.clipboardData;
-      F.emit(
-        o2,
-        I$1,
-        Array.from(g2).filter((p2) => /image\/.*/.test(p2.type))
-      ), s.preventDefault();
-      return;
-    }
-    const c = s.clipboardData.getData("text/plain"), d2 = t.value?.view.state.selection.main.to || 0, u2 = t.value?.view.state.doc.lineAt(d2).from || 0, v = t.value?.view.state.doc.sliceString(u2, d2) || "", m = /!\[.*\]\(\s*$/.test(v), f2 = /!\[.*\]\((.*)\s?.*\)/.test(c);
-    if (m) {
-      const g2 = e.transformImgUrl(c);
-      n2(g2), s.preventDefault();
-      return;
-    } else if (f2) {
-      const g2 = c.match(new RegExp(`(?<=!\\[.*\\]\\()([^)\\s]+)(?=\\s?["']?.*["']?\\))`, "g"));
-      g2 ? Promise.all(
-        g2.map((p2) => e.transformImgUrl(p2))
-      ).then((p2) => {
-        n2(
-          p2.reduce((k2, E, M2) => k2.replace(g2[M2], E), c)
-        );
-      }).catch((p2) => {
-        console.error(p2);
-      }) : n2(c), s.preventDefault();
-      return;
-    }
-    if (e.autoDetectCode && s.clipboardData.types.includes("vscode-editor-data")) {
-      const g2 = JSON.parse(s.clipboardData.getData("vscode-editor-data"));
-      F.emit(o2, G$1, "code", {
-        mode: g2.mode,
-        text: s.clipboardData.getData("text/plain")
-      }), s.preventDefault();
-      return;
-    }
-    e.maxlength && c.length + e.modelValue.length > e.maxlength && F.emit(o2, N, {
-      name: "overlength",
-      message: "The input text is too long",
-      data: c
-    });
-  };
-}, Ll = (e, t) => [
-  {
-    key: "Ctrl-b",
-    mac: "Cmd-b",
-    run: () => (F.emit(e, G$1, "bold"), true)
-  },
-  {
-    key: "Ctrl-d",
-    mac: "Cmd-d",
-    run: deleteLine,
-    preventDefault: true
-  },
-  {
-    key: "Ctrl-s",
-    mac: "Cmd-s",
-    run: (L2) => (F.emit(e, i, L2.state.doc.toString()), true),
-    shift: () => (F.emit(e, G$1, "strikeThrough"), true)
-  },
-  {
-    key: "Ctrl-u",
-    mac: "Cmd-u",
-    preventDefault: true,
-    run: () => (F.emit(e, G$1, "underline"), true),
-    shift: () => (F.emit(e, G$1, "unorderedList"), true)
-  },
-  {
-    key: "Ctrl-i",
-    mac: "Cmd-i",
-    preventDefault: true,
-    run: () => (F.emit(e, G$1, "italic"), true),
-    shift: () => (F.emit(e, G$1, "image"), true)
-  },
-  {
-    key: "Ctrl-1",
-    mac: "Cmd-1",
-    run: () => (F.emit(e, G$1, "h1"), true)
-  },
-  {
-    key: "Ctrl-2",
-    mac: "Cmd-2",
-    run: () => (F.emit(e, G$1, "h2"), true)
-  },
-  {
-    key: "Ctrl-3",
-    mac: "Cmd-3",
-    run: () => (F.emit(e, G$1, "h3"), true)
-  },
-  {
-    key: "Ctrl-4",
-    mac: "Cmd-4",
-    run: () => (F.emit(e, G$1, "h4"), true)
-  },
-  {
-    key: "Ctrl-5",
-    mac: "Cmd-5",
-    run: () => (F.emit(e, G$1, "h5"), true)
-  },
-  {
-    key: "Ctrl-6",
-    mac: "Cmd-6",
-    run: () => (F.emit(e, G$1, "h6"), true)
-  },
-  {
-    key: "Ctrl-ArrowUp",
-    mac: "Cmd-ArrowUp",
-    run: () => (F.emit(e, G$1, "sup"), true)
-  },
-  {
-    key: "Ctrl-ArrowDown",
-    mac: "Cmd-ArrowDown",
-    run: () => (F.emit(e, G$1, "sub"), true)
-  },
-  {
-    key: "Ctrl-o",
-    mac: "Cmd-o",
-    run: () => (F.emit(e, G$1, "orderedList"), true)
-  },
-  {
-    key: "Ctrl-c",
-    mac: "Cmd-c",
-    shift: () => (F.emit(e, G$1, "code"), true),
-    any(L2, T2) {
-      return (T2.ctrlKey || T2.metaKey) && T2.altKey && T2.code === "KeyC" ? (F.emit(e, G$1, "codeRow"), true) : false;
-    }
-  },
-  {
-    key: "Ctrl-l",
-    mac: "Cmd-l",
-    run: () => (F.emit(e, G$1, "link"), true)
-  },
-  {
-    key: "Ctrl-f",
-    mac: "Cmd-f",
-    shift: () => t.noPrettier ? false : (F.emit(e, G$1, "prettier"), true)
-  },
-  {
-    any: (L2, T2) => (T2.ctrlKey || T2.metaKey) && T2.altKey && T2.shiftKey && T2.code === "KeyT" ? (F.emit(e, G$1, "table"), true) : false
-  },
-  ...searchKeymap
-], Nl = /[a-z][a-z0-9.+-]*:\/\/[^\s<>"'`()]+(?:\([^\s<>"'`]*\)[^\s<>"'`]*)*/i, Al = /\/\/[^\s<>"'`()]+/i, Dl = /data:[a-z]+\/[a-z0-9.+-]+(?:;base64)?,[a-z0-9+/=%]+/i, Rl = /\/(?!\/)[^\s<>"'`()]+/i, se = new RegExp(
-  `(${Nl.source}|${Al.source}|${Dl.source}|${Rl.source})`,
-  "gi"
-), Ml = /[a-z0-9.+-]/i, Fl = (e) => {
-  const t = [];
-  se.lastIndex = 0;
-  let o2;
-  for (; o2 = se.exec(e); ) {
-    const n2 = o2.index ?? 0, i2 = n2 > 0 ? e[n2 - 1] : "";
-    if (i2 && Ml.test(i2) || i2 === "<" && e[n2] === "/")
-      continue;
-    const c = n2 + o2[0].length;
-    t.push([n2, c]);
-  }
-  return t;
-}, Bl = (e, t, o2) => e.some((n2) => n2.from === t && n2.to === o2), Pl = (e) => {
-  const t = e.shortenText || (() => "..."), o2 = StateEffect.define(), n2 = StateEffect.define(), i2 = (u2, v) => {
-    const m = new RangeSetBuilder(), f2 = [];
-    for (let g2 = 1; g2 <= u2.doc.lines; g2++) {
-      const p2 = u2.doc.line(g2), k2 = p2.text;
-      se.lastIndex = 0;
-      const E = e.findTexts?.({
-        state: u2,
-        lineText: k2,
-        lineNumber: p2.number,
-        lineFrom: p2.from,
-        lineTo: p2.to,
-        defaultTextRegex: se
-      }) ?? Fl(k2);
-      for (const M2 of E) {
-        if (!M2) continue;
-        const [A2, S] = M2;
-        if (typeof A2 != "number" || typeof S != "number" || A2 < 0 || S <= A2 || A2 >= k2.length || S > k2.length)
-          continue;
-        const D = k2.slice(A2, S);
-        if (!D || D.length <= e.maxLength)
-          continue;
-        const L2 = p2.from + A2, T2 = p2.from + S;
-        if (Bl(v, L2, T2)) {
-          f2.push({ from: L2, to: T2 });
-          continue;
-        }
-        const R = t(D);
-        m.add(
-          L2,
-          T2,
-          Decoration.replace({ widget: new s(R, D, L2, T2) })
-        );
-      }
-    }
-    return { deco: m.finish(), expanded: f2 };
-  };
-  class s extends WidgetType {
-    constructor(v, m, f2, g2) {
-      super(), this.short = v, this.raw = m, this.from = f2, this.to = g2;
-    }
-    toDOM(v) {
-      const m = document.createElement("span");
-      return m.textContent = this.short, m.className = "cm-short-text", m.title = this.raw, m.style.display = "inline", m.style.textDecoration = "underline", m.addEventListener("mousedown", (f2) => {
-        f2.preventDefault(), f2.stopPropagation(), v.dispatch({
-          selection: EditorSelection.cursor(this.from),
-          effects: o2.of({
-            from: this.from,
-            to: this.to,
-            expand: true
-          })
-        }), v.focus();
-      }), m.addEventListener("click", (f2) => {
-        f2.preventDefault();
-      }), m;
-    }
-    ignoreEvent() {
-      return false;
-    }
-    eq(v) {
-      return this.short === v.short && this.raw === v.raw && this.from === v.from && this.to === v.to;
-    }
-  }
-  const c = StateField.define({
-    create(u2) {
-      return i2(u2, []);
-    },
-    update(u2, v) {
-      let m = u2.expanded;
-      v.docChanged && m.length && (m = m.map(({ from: g2, to: p2 }) => ({
-        from: v.changes.mapPos(g2, 1),
-        to: v.changes.mapPos(p2, -1)
-      })).filter(({ from: g2, to: p2 }) => g2 < p2));
-      let f2 = m !== u2.expanded;
-      for (const g2 of v.effects)
-        g2.is(o2) ? g2.value.expand ? m = [{ from: g2.value.from, to: g2.value.to }] : m = m.filter(
-          ({ from: p2, to: k2 }) => p2 !== g2.value.from || k2 !== g2.value.to
-        ) : g2.is(n2) && m.length > 0 && (m = []);
-      return !f2 && m !== u2.expanded && (f2 = true), v.docChanged || f2 ? i2(v.state, m) : u2;
-    },
-    provide: (u2) => EditorView.decorations.compute([u2], (v) => v.field(u2).deco)
-  }), d2 = EditorView.domEventHandlers({
-    mousedown(u2, v) {
-      const m = v.state.field(c, false);
-      if (!m || m.expanded.length === 0)
-        return false;
-      const f2 = u2.target;
-      if (f2 && v.dom.contains(f2)) {
-        const g2 = v.posAtDOM(f2, 0);
-        if (g2 != null && g2 !== -1 && m.expanded.some(
-          ({ from: k2, to: E }) => g2 >= k2 && g2 <= E
-        ))
-          return false;
-      }
-      return v.dispatch({ effects: n2.of(void 0) }), false;
-    }
-  });
-  return [c, d2];
-};
-EditorView.EDIT_CONTEXT = false;
-const Xe = (e) => e.extension instanceof Function ? e.extension(e.options) : e.extension, Hl = (e) => {
-  const t = Xe(e);
-  return e.compartment ? e.compartment.of(t) : t;
-}, Ol = (e) => {
-  const t = inject("tabWidth"), o2 = inject("editorId"), n2 = inject("theme"), i2 = inject("previewTheme"), s = inject("language"), c = inject(
-    "usedLanguageText"
-  ), d$1 = inject("disabled"), u$12 = inject("showToolbarName"), v = inject("customIcon"), m = inject("noUploadImg"), f$1 = inject("tableShape"), g2 = inject("noPrettier"), p2 = inject("codeTheme"), k2 = inject("setting"), E = inject("updateSetting"), M2 = inject("catalogVisible"), A2 = inject("defToolbars"), S = inject("floatingToolbars"), D = inject("rootRef"), L2 = ref(), T$1 = shallowRef(), R = ref(false), z = new Compartment(), q = new Compartment(), $ = new Compartment(), Te = new Compartment(), Je = new Compartment(), Qe = Ll(o2, {
-    noPrettier: g2
-  }), we = () => [
-    ...Qe,
-    ...defaultKeymap,
-    ...historyKeymap,
-    indentWithTab
-  ], oe = {
-    paste: El(e, T$1),
-    blur: e.onBlur,
-    focus: e.onFocus,
-    drop: e.onDrop,
-    compositionstart: () => {
-      R.value = true;
-    },
-    compositionend: (w2, F2) => {
-      R.value = false, e.updateModelValue(F2.state.doc.toString());
-    },
-    input: (w2) => {
-      e.onInput && e.onInput(w2);
-      const { data: F$12 } = w2;
-      e.maxlength && e.modelValue.length + F$12.length > e.maxlength && F.emit(o2, N, {
-        name: "overlength",
-        message: "The input text is too long",
-        data: F$12
-      });
-    }
-  }, et = nl({
-    privide(w2) {
-      w2.provide("editorId", o2), w2.provide("theme", n2), w2.provide("previewTheme", i2), w2.provide("language", s), w2.provide("disabled", d$1), w2.provide("noUploadImg", m), w2.provide("tableShape", f$1), w2.provide("noPrettier", g2), w2.provide("codeTheme", p2), w2.provide("showToolbarName", u$12), w2.provide("setting", k2), w2.provide("updateSetting", E), w2.provide("usedLanguageText", c), w2.provide("catalogVisible", M2), w2.provide("defToolbars", A2), w2.provide("tabWidth", t), w2.provide("customIcon", v), w2.provide("floatingToolbars", S), w2.provide("rootRef", D);
-    }
-  }), tt2 = [
-    {
-      type: "theme",
-      extension: ({ theme: w2 }) => w2.value === "light" ? Me : Ve,
-      compartment: z,
-      options: {
-        theme: n2
-      }
-    },
-    {
-      type: "updateListener",
-      extension: EditorView.updateListener.of((w2) => {
-        w2.docChanged && (e.onChange(w2.state.doc.toString()), R.value || e.updateModelValue(w2.state.doc.toString()));
-      })
-    },
-    {
-      type: "domEventHandlers",
-      extension: EditorView.domEventHandlers(oe),
-      compartment: Te
-    },
-    {
-      type: "completions",
-      extension: Ee(e.completions),
-      compartment: q
-    },
-    {
-      type: "history",
-      extension: history(),
-      compartment: $
-    }
-  ], ye = h.codeMirrorExtensions(
-    [
-      // 横向换行
-      {
-        type: "lineWrapping",
-        extension: EditorView.lineWrapping
-      },
-      {
-        type: "keymap",
-        extension: keymap.of(we())
-      },
-      // 解决多行placeholder时，光标异常的情况
-      {
-        type: "drawSelection",
-        extension: drawSelection()
-      },
-      {
-        type: "markdown",
-        extension: markdown({ codeLanguages: languages })
-      },
-      {
-        type: "linkShortener",
-        extension: (w2) => Pl(w2),
-        options: {
-          maxLength: 30
-        }
-      },
-      {
-        type: "floatingToolbar",
-        extension: S.value.length > 0 ? et : [],
-        compartment: Je
-      }
-    ],
-    {
-      editorId: o2,
-      theme: n2.value,
-      keyBindings: we()
-    }
-  ), ot = () => [...tt2, ...ye].map(Hl);
-  return onMounted(() => {
-    const w2 = new EditorView({
-      doc: e.modelValue,
-      parent: L2.value,
-      extensions: ot()
-    }), F$2 = new go(w2);
-    T$1.value = F$2, setTimeout(() => {
-      F$2.setTabSize(t), F$2.setDisabled(d$1.value), F$2.setReadOnly(e.readonly), e.placeholder && F$2.setPlaceholder(e.placeholder), typeof e.maxlength == "number" && F$2.setMaxLength(e.maxlength), e.autofocus && w2.focus();
-    }, 0), F.on(o2, {
-      name: T,
-      callback() {
-        undo(w2);
-      }
-    }), F.on(o2, {
-      name: d,
-      callback() {
-        redo(w2);
-      }
-    }), F.on(o2, {
-      name: G$1,
-      async callback(O2, H = {}) {
-        if (O2 === "image" && H.transform) {
-          const V2 = e.transformImgUrl(H.url);
-          if (V2 instanceof Promise)
-            V2.then(async (_) => {
-              const { text: W2, options: J } = await ue(
-                O2,
-                T$1.value,
-                { ...H, url: _ }
-              );
-              T$1.value?.replaceSelectedText(W2, J, o2);
-            }).catch((_) => {
-              console.error(_);
-            });
-          else {
-            const { text: _, options: W2 } = await ue(O2, T$1.value, {
-              ...H,
-              url: V2
-            });
-            T$1.value?.replaceSelectedText(_, W2, o2);
-          }
-        } else {
-          const { text: V2, options: _ } = await ue(
-            O2,
-            T$1.value,
-            H
-          );
-          T$1.value?.replaceSelectedText(V2, _, o2);
-        }
-      }
-    }), F.on(o2, {
-      name: V,
-      callback: F$1((O2) => {
-        const H = { ...oe }, V2 = Object.keys(oe);
-        for (const _ in O2) {
-          const W2 = _;
-          V2.includes(W2) ? H[W2] = (J, Ce) => {
-            O2[W2](J, Ce), J.defaultPrevented || oe[W2](J, Ce);
-          } : H[W2] = O2[W2];
-        }
-        T$1.value?.view.dispatch({
-          effects: Te.reconfigure(
-            EditorView.domEventHandlers(H)
-          )
-        });
-      })
-    }), F.on(o2, {
-      name: O,
-      callback: (O2, H) => {
-        const V2 = w2.state.doc.line(O2);
-        w2.dispatch(
-          w2.state.update({ changes: { from: V2.from, to: V2.to, insert: H } })
-        );
-      }
-    }), F.on(o2, {
-      name: u,
-      callback() {
-        F.emit(o2, f, w2);
-      }
-    }), F.emit(o2, f, w2);
-  }), watch(
-    n2,
-    () => {
-      T$1.value?.view.dispatch({
-        effects: z.reconfigure(n2.value === "light" ? Me : Ve)
-      });
-    },
-    { deep: true }
-  ), watch(
-    () => e.completions,
-    () => {
-      T$1.value?.view.dispatch({
-        effects: q.reconfigure(Ee(e.completions))
-      });
-    },
-    { deep: true }
-  ), watch(
-    () => e.modelValue,
-    () => {
-      T$1.value?.getValue() !== e.modelValue && T$1.value?.setValue(e.modelValue);
-    }
-  ), watch(
-    () => e.placeholder,
-    () => {
-      T$1.value?.setPlaceholder(e.placeholder);
-    }
-  ), watch([d$1], () => {
-    T$1.value?.setDisabled(d$1.value);
-  }), watch(
-    () => e.readonly,
-    () => {
-      T$1.value?.setDisabled(e.readonly);
-    }
-  ), watch(
-    () => e.maxlength,
-    () => {
-      e.maxlength && T$1.value?.setMaxLength(e.maxlength);
-    }
-  ), fo(() => {
-    const w2 = ye.find(
-      (F2) => F2.type === "floatingToolbar"
-    );
-    w2?.compartment && (S.value.length > 0 ? T$1.value?.view.dispatch({
-      effects: w2.compartment.reconfigure(
-        Xe(w2)
-      )
-    }) : T$1.value?.view.dispatch({
-      effects: w2.compartment.reconfigure([])
-    }));
-  }, S), {
-    inputWrapperRef: L2,
-    codeMirrorUt: T$1,
-    resetHistory() {
-      T$1.value?.view.dispatch({ effects: $.reconfigure([]) }), T$1.value?.view.dispatch({ effects: $.reconfigure(history()) });
-    }
-  };
-}, Vl = (e, t, o2) => {
-  const n2 = inject("setting"), i2 = computed(() => /px$/.test(`${e.inputBoxWidth}`) ? "50%" : e.inputBoxWidth), s = reactive({
-    resizedWidth: i2.value
-  }), c = reactive({
-    width: i2.value
-  }), d2 = reactive({
-    left: i2.value,
-    display: "initial"
-  }), u2 = (f2) => {
-    const g2 = t.value?.offsetWidth || 0, p2 = t.value?.getBoundingClientRect().x || 0;
-    let k2 = f2.x - p2;
-    k2 / g2 < w ? k2 = g2 * w : k2 > g2 - g2 * w && (k2 = g2 - g2 * w);
-    const E = `${k2 / g2 * 100}%`;
-    c.width = E, d2.left = E, s.resizedWidth = E, e.oninputBoxWidthChange?.(E);
-  }, v = (f2) => {
-    f2.target === o2.value && document.addEventListener("mousemove", u2);
-  }, m = () => {
-    document.removeEventListener("mousemove", u2);
-  };
-  return watch([o2], () => {
-    document.removeEventListener("mousedown", v), document.removeEventListener("mouseup", m), document.addEventListener("mousedown", v), document.addEventListener("mouseup", m);
-  }), onMounted(() => {
-    document.addEventListener("mousedown", v), document.addEventListener("mouseup", m);
-  }), onBeforeUnmount(() => {
-    document.removeEventListener("mousedown", v), document.removeEventListener("mouseup", m);
-  }), watch([i2], ([f2]) => {
-    s.resizedWidth = f2, c.width = f2, d2.left = f2;
-  }), watch(
-    [
-      () => n2.value.htmlPreview,
-      () => n2.value.preview,
-      () => n2.value.previewOnly
-    ],
-    () => {
-      n2.value.previewOnly ? (c.width = "0%", d2.display = "none") : !n2.value.htmlPreview && !n2.value.preview ? (c.width = "100%", d2.display = "none") : (c.width = s.resizedWidth, d2.display = "initial");
-    },
-    {
-      immediate: true
-    }
-  ), {
-    inputWrapperStyle: c,
-    resizeOperateStyle: d2
-  };
-}, Wl = () => {
-  const e = inject("editorId"), t = ref(true), o2 = C();
-  return {
-    onCatalogActive: (c, d2) => {
-      const u2 = document.querySelector(
-        `#${e} .${p}-catalog-editor`
-      );
-      if (!d2 || !t.value || !u2)
-        return;
-      const v = d2.offsetTop - u2.scrollTop;
-      (v > 100 || v < 100) && o2(u2, d2.offsetTop - 100);
-    },
-    onMouseenter: () => t.value = false,
-    onMouseleave: () => t.value = true
-  };
-}, be = /* @__PURE__ */ defineComponent({
-  name: `${u$1}CustomScrollbar`,
-  props: {
-    id: {
-      type: String,
-      default: void 0
-    },
-    class: {
-      type: [String, Array],
-      default: void 0
-    },
-    /**
-     * 滚动元素选择器，默认取 slot 根节点
-     */
-    scrollTarget: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * 是否一直显示轨道
-     */
-    alwaysShowTrack: {
-      type: Boolean,
-      default: false
-    },
-    onMouseenter: {
-      type: Function,
-      default: () => {
-      }
-    },
-    onMouseleave: {
-      type: Function,
-      default: () => {
-      }
-    }
-  },
-  setup(e, {
-    slots: t
-  }) {
-    const o2 = ref(null), n2 = ref(null), i2 = ref(null), s = ref(null);
-    let c = null, d2 = null, u2 = false, v = 0, m = 0;
-    const f2 = () => {
-      if (!n2.value || !o2.value || !i2.value || !s.value) return;
-      const S = o2.value.clientHeight, D = n2.value.scrollHeight, L2 = n2.value.scrollTop;
-      if (D <= S) {
-        i2.value.style.display = "none", e.alwaysShowTrack || (s.value.style.display = "none");
-        return;
-      } else
-        i2.value.style.display = "block", s.value.style.display = "block";
-      const T2 = S / D, R = Math.max(S * T2, 20), z = S - R, q = Math.min(L2 * T2, z);
-      i2.value.style.height = `${R}px`, i2.value.style.top = `${q}px`;
-    }, g2 = () => f2(), p$1 = (S) => {
-      u2 = true, v = S.clientY, m = n2.value.scrollTop, document.body.style.userSelect = "none";
-    }, k2 = (S) => {
-      if (!u2 || !n2.value || !o2.value) return;
-      const D = S.clientY - v, L2 = n2.value.scrollHeight / o2.value.clientHeight;
-      n2.value.scrollTop = m + D * L2;
-    }, E = () => {
-      u2 = false, document.body.style.userSelect = "";
-    }, M2 = (S) => {
-      n2.value && n2.value.removeEventListener("scroll", g2), n2.value = S, n2.value ? (n2.value.addEventListener("scroll", g2), f2()) : s.value && !e.alwaysShowTrack && (s.value.style.display = "none");
-    }, A2 = () => {
-      if (!o2.value) return;
-      const S = e.scrollTarget ? o2.value.querySelector(e.scrollTarget) : o2.value.firstElementChild;
-      M2(S);
-    };
-    return onMounted(async () => {
-      await nextTick(), A2(), c = new MutationObserver(() => {
-        d2 && cancelAnimationFrame(d2), d2 = requestAnimationFrame(() => {
-          A2();
-        });
-      }), c.observe(o2.value, {
-        childList: true,
-        subtree: true
-      }), window.addEventListener("resize", f2), i2.value?.addEventListener("mousedown", p$1), document.addEventListener("mousemove", k2), document.addEventListener("mouseup", E);
-    }), onBeforeUnmount(() => {
-      c?.disconnect(), n2.value && n2.value.removeEventListener("scroll", g2), window.removeEventListener("resize", f2), i2.value?.removeEventListener("mousedown", p$1), document.removeEventListener("mousemove", k2), document.removeEventListener("mouseup", E);
-    }), () => createVNode("div", {
-      id: e.id,
-      class: [`${p}-custom-scrollbar`, e.class],
-      ref: o2,
-      onMouseenter: e.onMouseenter,
-      onMouseleave: e.onMouseleave
-    }, [t.default?.(), createVNode("div", {
-      class: `${p}-custom-scrollbar__track`,
-      ref: s
-    }, [createVNode("div", {
-      class: `${p}-custom-scrollbar__thumb`,
-      ref: i2
-    }, null)])]);
-  }
-}), _l = C(), zl = {
-  flex: 1
-}, ql = /* @__PURE__ */ defineComponent({
-  name: "MDEditorContent",
-  props: on,
-  setup(e, t) {
-    const o2 = inject("editorId"), n2 = inject("catalogVisible"), i2 = inject("theme"), s = inject("setting"), c = ref(""), d2 = ref(), u2 = ref(), {
-      inputWrapperRef: v,
-      codeMirrorUt: m,
-      resetHistory: f2
-    } = Ol(e), {
-      inputWrapperStyle: g2,
-      resizeOperateStyle: p$1
-    } = Vl(e, d2, u2);
-    oo(e, c, m);
-    const {
-      onCatalogActive: k2,
-      onMouseenter: E,
-      onMouseleave: M2
-    } = Wl(), A2 = (L2, T2) => {
-      if (!s.value.preview && T2.line !== void 0) {
-        L2.preventDefault();
-        const R = m.value?.view;
-        if (R) {
-          const z = R.state.doc.line(T2.line + 1), q = R.lineBlockAt(z.from)?.top, $ = R.scrollDOM;
-          _l($, q);
-        }
-      }
-    }, S = computed(() => s.value.preview ? "preview" : "editor"), D = (L2) => {
-      c.value = L2, e.onHtmlChanged(L2);
-    };
-    return t.expose({
-      getSelectedText() {
-        return m.value?.getSelectedText();
-      },
-      focus(L2) {
-        m.value?.focus(L2);
-      },
-      resetHistory: f2,
-      getEditorView() {
-        return m.value?.view;
-      }
-    }), () => createVNode("div", {
-      class: `${p}-content`
-    }, [createVNode("div", {
-      class: `${p}-content-wrapper`,
-      ref: d2
-    }, [createVNode(be, {
-      alwaysShowTrack: true,
-      scrollTarget: `#${o2} .cm-scroller`,
-      style: g2
-    }, {
-      default: () => [createVNode("div", {
-        class: `${p}-input-wrapper`,
-        ref: v
-      }, null)]
-    }), (s.value.htmlPreview || s.value.preview) && createVNode("div", {
-      class: `${p}-resize-operate`,
-      style: p$1,
-      ref: u2
-    }, null), createVNode(be, {
-      style: zl
-    }, {
-      default: () => [createVNode(Pt, {
-        modelValue: e.modelValue,
-        onChange: e.onChange,
-        onHtmlChanged: D,
-        onGetCatalog: e.onGetCatalog,
-        mdHeadingId: e.mdHeadingId,
-        noMermaid: e.noMermaid,
-        sanitize: e.sanitize,
-        noKatex: e.noKatex,
-        formatCopiedText: e.formatCopiedText,
-        noHighlight: e.noHighlight,
-        noImgZoomIn: e.noImgZoomIn,
-        sanitizeMermaid: e.sanitizeMermaid,
-        codeFoldable: e.codeFoldable,
-        autoFoldThreshold: e.autoFoldThreshold,
-        onRemount: e.onRemount,
-        previewComponent: e.previewComponent,
-        noEcharts: e.noEcharts
-      }, null)]
-    })]), n2.value && createVNode(be, {
-      class: `${p}-catalog-${e.catalogLayout}`,
-      onMouseenter: E,
-      onMouseleave: M2
-    }, {
-      default: () => [createVNode(W, {
-        theme: i2.value,
-        class: `${p}-catalog-editor`,
-        editorId: o2,
-        mdHeadingId: e.mdHeadingId,
-        key: "internal-catalog",
-        scrollElementOffsetTop: 2,
-        syncWith: S.value,
-        onClick: A2,
-        catalogMaxDepth: e.catalogMaxDepth,
-        onActive: k2
-      }, null)]
-    })]);
-  }
-}), Ul = /* @__PURE__ */ defineComponent({
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(e) {
-    const t = inject("usedLanguageText");
-    return () => createVNode("div", {
-      class: `${p}-footer-item`
-    }, [createVNode("label", {
-      class: `${p}-footer-label`
-    }, [`${t.value.footer?.markdownTotal}:`]), createVNode("span", null, [e.modelValue?.length || 0])]);
-  }
-}), Kl = {
-  checked: {
-    type: Boolean,
-    default: false
-  },
-  onChange: {
-    type: Function,
-    default: () => {
-    }
-  },
-  disabled: {
-    type: Boolean,
-    default: void 0
-  }
-}, Gl = /* @__PURE__ */ defineComponent({
-  name: `${p}-checkbox`,
-  props: Kl,
-  setup(e) {
-    return () => createVNode("div", {
-      class: [`${p}-checkbox`, e.checked && `${p}-checkbox-checked`, e.disabled && `${p}-disabled`],
-      onClick: () => {
-        e.disabled || e.onChange(!e.checked);
-      }
-    }, null);
-  }
-}), jl = {
-  scrollAuto: {
-    type: Boolean
-  },
-  onScrollAutoChange: {
-    type: Function,
-    default: () => {
-    }
-  }
-}, Yl = /* @__PURE__ */ defineComponent({
-  props: jl,
-  setup(e) {
-    const t = inject("usedLanguageText"), o2 = inject("disabled");
-    return () => createVNode("div", {
-      class: [`${p}-footer-item`, o2?.value && `${p}-disabled`]
-    }, [createVNode("label", {
-      class: `${p}-footer-label`,
-      onClick: () => {
-        o2?.value || e.onScrollAutoChange(!e.scrollAuto);
-      }
-    }, [t?.value.footer?.scrollAuto]), createVNode(Gl, {
-      checked: e.scrollAuto,
-      onChange: e.onScrollAutoChange,
-      disabled: o2?.value
-    }, null)]);
-  }
-}), Zl = {
-  modelValue: {
-    type: String,
-    default: ""
-  },
-  footers: {
-    type: Array,
-    default: []
-  },
-  scrollAuto: {
-    type: Boolean
-  },
-  noScrollAuto: {
-    type: Boolean
-  },
-  onScrollAutoChange: {
-    type: Function,
-    default: () => {
-    }
-  },
-  defFooters: {
-    type: Object
-  }
-}, Xl = /* @__PURE__ */ defineComponent({
-  name: "MDEditorFooter",
-  props: Zl,
-  setup(e) {
-    const t = inject("theme"), o2 = inject("language"), n2 = inject("disabled"), i2 = computed(() => {
-      const c = e.footers.indexOf("="), d2 = c === -1 ? e.footers : e.footers.slice(0, c), u2 = c === -1 ? [] : e.footers.slice(c, Number.MAX_SAFE_INTEGER);
-      return [d2, u2];
-    }), s = (c) => {
-      if (b.includes(c))
-        switch (c) {
-          case "markdownTotal":
-            return createVNode(Ul, {
-              modelValue: e.modelValue
-            }, null);
-          case "scrollSwitch":
-            return !e.noScrollAuto && createVNode(Yl, {
-              scrollAuto: e.scrollAuto,
-              onScrollAutoChange: e.onScrollAutoChange
-            }, null);
-        }
-      else if (e.defFooters instanceof Array) {
-        const d2 = e.defFooters[c];
-        return d2 ? cloneVNode(d2, {
-          theme: d2.props?.theme || t.value,
-          language: d2.props?.language || o2.value,
-          disabled: d2.props?.disabled || n2?.value
-        }) : "";
-      } else if (e.defFooters && e.defFooters.children instanceof Array) {
-        const d2 = e.defFooters.children[c];
-        return d2 ? cloneVNode(d2, {
-          theme: d2.props?.theme || t.value,
-          language: d2.props?.language || o2.value,
-          disabled: d2.props?.disabled || n2?.value
-        }) : "";
-      } else
-        return "";
-    };
-    return () => {
-      const c = i2.value[0].map((u2) => s(u2)), d2 = i2.value[1].map((u2) => s(u2));
-      return createVNode("div", {
-        class: `${p}-footer`
-      }, [createVNode("div", {
-        class: `${p}-footer-left`
-      }, [c]), createVNode("div", {
-        class: `${p}-footer-right`
-      }, [d2])]);
-    };
-  }
-}), Jl = {
-  // 工具栏选择显示
-  toolbars: {
-    type: Array,
-    default: () => []
-  },
-  // 工具栏选择不显示
-  toolbarsExclude: {
-    type: Array,
-    default: () => []
-  }
-}, Ql = /* @__PURE__ */ defineComponent({
-  name: "MDEditorToolbar",
-  props: Jl,
-  setup(e) {
-    const t = inject("editorId"), o2 = inject("showToolbarName"), n2 = `${t}-toolbar-wrapper`, i2 = ref(), s = ref(), {
-      barRender: c
-    } = Ze(), d2 = computed(() => {
-      const u2 = e.toolbars.filter((g2) => !e.toolbarsExclude.includes(g2)), v = u2.indexOf("="), m = v === -1 ? u2 : u2.slice(0, v + 1), f2 = v === -1 ? [] : u2.slice(v, Number.MAX_SAFE_INTEGER);
-      return [m, f2];
-    });
-    return watch(() => e.toolbars, () => {
-      nextTick(() => {
-        i2.value && U(i2.value);
-      });
-    }, {
-      immediate: true
-    }), () => {
-      const u2 = d2.value[0].map((m) => c(m)), v = d2.value[1].map((m) => c(m));
-      return createVNode(Fragment, null, [e.toolbars.length > 0 && createVNode("div", {
-        class: `${p}-toolbar-wrapper`,
-        ref: i2,
-        id: n2
-      }, [createVNode("div", {
-        class: [`${p}-toolbar`, o2.value && `${p}-stn`]
-      }, [createVNode("div", {
-        class: `${p}-toolbar-left`,
-        ref: s
-      }, [u2]), createVNode("div", {
-        class: `${p}-toolbar-right`
-      }, [v])])])]);
-    };
-  }
-}), ve = /* @__PURE__ */ defineComponent({
-  name: "MdEditorV3",
-  props: an,
-  emits: rn,
-  setup(e, t) {
-    const {
-      noKatex: o2,
-      noMermaid: n2,
-      noHighlight: i2
-    } = e, s = reactive({
-      scrollAuto: e.scrollAuto
-    }), c = ref(), d2 = ref(), u2 = computed(() => g({
-      props: e,
-      ctx: t
-    }, "defToolbars")), v = computed(() => g({
-      props: e,
-      ctx: t
-    }, "defFooters")), m = tt(e), [f2, g$12] = en(e, t, {
-      editorId: m
-    }), p$1 = tn(e, {
-      editorId: m
-    });
-    Jt(e, t, {
-      editorId: m
-    }), Yt(e), Qt(e, t, {
-      editorId: m
-    }), nn(e, t, {
-      editorId: m,
-      catalogVisible: p$1,
-      setting: f2,
-      updateSetting: g$12,
-      codeRef: d2
-    }), Xt(e, {
-      rootRef: c,
-      editorId: m,
-      setting: f2,
-      updateSetting: g$12,
-      catalogVisible: p$1,
-      defToolbars: u2
-    }), onBeforeUnmount(() => {
-      F.clear(m);
-    });
-    const k2 = ($) => {
-      t.emit("update:modelValue", $);
-    }, E = ($) => {
-      e.onChange?.($), t.emit("onChange", $);
-    }, M2 = ($) => {
-      e.onHtmlChanged?.($), t.emit("onHtmlChanged", $);
-    }, A2 = ($) => {
-      e.onGetCatalog?.($), t.emit("onGetCatalog", $);
-    }, S = ($) => {
-      e.onBlur?.($), t.emit("onBlur", $);
-    }, D = ($) => {
-      e.onFocus?.($), t.emit("onFocus", $);
-    }, L2 = ($) => {
-      e.onInput?.($), t.emit("onInput", $);
-    }, T2 = ($) => {
-      e.onDrop?.($), t.emit("onDrop", $);
-    }, R = ($) => {
-      e.oninputBoxWidthChange?.($), t.emit("oninputBoxWidthChange", $);
-    }, z = () => {
-      e.onRemount?.(), t.emit("onRemount");
-    }, q = ($) => {
-      s.scrollAuto = $;
-    };
-    return () => createVNode("div", {
-      id: m,
-      class: [p, e.class, e.theme === "dark" && `${p}-dark`, f2.fullscreen || f2.pageFullscreen ? `${p}-fullscreen` : ""],
-      style: e.style,
-      ref: c
-    }, [e.toolbars.length > 0 && createVNode(Ql, {
-      toolbars: e.toolbars,
-      toolbarsExclude: e.toolbarsExclude
-    }, null), createVNode(ql, {
-      ref: d2,
-      modelValue: e.modelValue,
-      mdHeadingId: e.mdHeadingId,
-      noMermaid: n2,
-      sanitize: e.sanitize,
-      placeholder: e.placeholder,
-      noKatex: o2,
-      scrollAuto: s.scrollAuto,
-      formatCopiedText: e.formatCopiedText,
-      autofocus: e.autoFocus,
-      readonly: e.readOnly,
-      maxlength: e.maxLength,
-      autoDetectCode: e.autoDetectCode,
-      noHighlight: i2,
-      updateModelValue: k2,
-      onChange: E,
-      onHtmlChanged: M2,
-      onGetCatalog: A2,
-      onBlur: S,
-      onFocus: D,
-      onInput: L2,
-      completions: e.completions,
-      noImgZoomIn: e.noImgZoomIn,
-      onDrop: T2,
-      inputBoxWidth: e.inputBoxWidth,
-      oninputBoxWidthChange: R,
-      sanitizeMermaid: e.sanitizeMermaid,
-      transformImgUrl: e.transformImgUrl,
-      codeFoldable: e.codeFoldable,
-      autoFoldThreshold: e.autoFoldThreshold,
-      onRemount: z,
-      catalogLayout: e.catalogLayout,
-      catalogMaxDepth: e.catalogMaxDepth,
-      noEcharts: e.noEcharts,
-      previewComponent: e.previewComponent
-    }, null), e.footers.length > 0 && createVNode(Xl, {
-      modelValue: e.modelValue,
-      footers: e.footers,
-      defFooters: v.value,
-      noScrollAuto: !f2.preview && !f2.htmlPreview || f2.previewOnly,
-      scrollAuto: s.scrollAuto,
-      onScrollAutoChange: q
-    }, null)]);
-  }
-});
-ve.install = (e) => (e.component(ve.name, ve), e.use(n).use(h$2).use(o).use(W).use(ae$1), e);
-export {
-  ve as default
-};
-//# sourceMappingURL=MdEditor.mjs.map