qidian-vue-ui 1.1.58 → 1.1.60

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

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