flow-mindmap 0.1.0-beta.1

package/dist/flow-mindmap.js

@@ -0,0 +1,1849 @@
+import { defineComponent as st, openBlock as w, createElementBlock as k, Fragment as R, createElementVNode as g, createStaticVNode as pe, createCommentVNode as D, ref as A, reactive as Ue, onMounted as ut, onBeforeUnmount as dt, computed as Y, withModifiers as $, normalizeStyle as oe, createVNode as P, toDisplayString as ve, watch as Dt, nextTick as j, unref as S, renderList as Pt, normalizeClass as be, withDirectives as zn, withKeys as qe, vModelText as En, createBlock as Nn } from "vue";
+const In = ["width", "height", "stroke-width"], Wn = {
+  key: 4,
+  points: "6 9 12 15 18 9"
+}, $n = {
+  key: 5,
+  points: "9 6 15 12 9 18"
+}, O = /* @__PURE__ */ st({
+  __name: "Icon",
+  props: {
+    name: {},
+    size: {},
+    stroke: {}
+  },
+  setup(n) {
+    return (d, i) => (w(), k("svg", {
+      width: n.size ?? 16,
+      height: n.size ?? 16,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": n.stroke ?? 1.8,
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "aria-hidden": "true"
+    }, [
+      n.name === "add" ? (w(), k(R, { key: 0 }, [
+        i[0] || (i[0] = g("circle", {
+          cx: "12",
+          cy: "12",
+          r: "9"
+        }, null, -1)),
+        i[1] || (i[1] = g("line", {
+          x1: "12",
+          y1: "8",
+          x2: "12",
+          y2: "16"
+        }, null, -1)),
+        i[2] || (i[2] = g("line", {
+          x1: "8",
+          y1: "12",
+          x2: "16",
+          y2: "12"
+        }, null, -1))
+      ], 64)) : n.name === "minus" ? (w(), k(R, { key: 1 }, [
+        i[3] || (i[3] = g("circle", {
+          cx: "12",
+          cy: "12",
+          r: "9"
+        }, null, -1)),
+        i[4] || (i[4] = g("line", {
+          x1: "8",
+          y1: "12",
+          x2: "16",
+          y2: "12"
+        }, null, -1))
+      ], 64)) : n.name === "delete" ? (w(), k(R, { key: 2 }, [
+        i[5] || (i[5] = pe('<polyline points="4 7 20 7"></polyline><path d="M9 7 V5 a1 1 0 0 1 1 -1 h4 a1 1 0 0 1 1 1 V7"></path><path d="M6 7 l1 12 a1 1 0 0 0 1 1 h8 a1 1 0 0 0 1 -1 l1 -12"></path><line x1="10" y1="11" x2="10" y2="18"></line><line x1="14" y1="11" x2="14" y2="18"></line>', 5))
+      ], 64)) : n.name === "edit" ? (w(), k(R, { key: 3 }, [
+        i[6] || (i[6] = g("path", { d: "M4 20 l4 -1 11 -11 -3 -3 -11 11 z" }, null, -1)),
+        i[7] || (i[7] = g("line", {
+          x1: "14",
+          y1: "6",
+          x2: "18",
+          y2: "10"
+        }, null, -1))
+      ], 64)) : n.name === "collapse" ? (w(), k("polyline", Wn)) : n.name === "expand" ? (w(), k("polyline", $n)) : n.name === "zoom-in" ? (w(), k(R, { key: 6 }, [
+        i[8] || (i[8] = g("circle", {
+          cx: "11",
+          cy: "11",
+          r: "7"
+        }, null, -1)),
+        i[9] || (i[9] = g("line", {
+          x1: "11",
+          y1: "8",
+          x2: "11",
+          y2: "14"
+        }, null, -1)),
+        i[10] || (i[10] = g("line", {
+          x1: "8",
+          y1: "11",
+          x2: "14",
+          y2: "11"
+        }, null, -1)),
+        i[11] || (i[11] = g("line", {
+          x1: "16",
+          y1: "16",
+          x2: "21",
+          y2: "21"
+        }, null, -1))
+      ], 64)) : n.name === "zoom-out" ? (w(), k(R, { key: 7 }, [
+        i[12] || (i[12] = g("circle", {
+          cx: "11",
+          cy: "11",
+          r: "7"
+        }, null, -1)),
+        i[13] || (i[13] = g("line", {
+          x1: "8",
+          y1: "11",
+          x2: "14",
+          y2: "11"
+        }, null, -1)),
+        i[14] || (i[14] = g("line", {
+          x1: "16",
+          y1: "16",
+          x2: "21",
+          y2: "21"
+        }, null, -1))
+      ], 64)) : n.name === "reset" ? (w(), k(R, { key: 8 }, [
+        i[15] || (i[15] = g("circle", {
+          cx: "12",
+          cy: "12",
+          r: "9"
+        }, null, -1)),
+        i[16] || (i[16] = g("circle", {
+          cx: "12",
+          cy: "12",
+          r: "4"
+        }, null, -1)),
+        i[17] || (i[17] = g("circle", {
+          cx: "12",
+          cy: "12",
+          r: "0.8",
+          fill: "currentColor"
+        }, null, -1))
+      ], 64)) : n.name === "logo" ? (w(), k(R, { key: 9 }, [
+        i[18] || (i[18] = pe('<circle cx="12" cy="12" r="2.2"></circle><circle cx="4" cy="5" r="1.6"></circle><circle cx="20" cy="5" r="1.6"></circle><circle cx="4" cy="19" r="1.6"></circle><circle cx="20" cy="19" r="1.6"></circle><line x1="10.5" y1="10.8" x2="5.2" y2="6.4"></line><line x1="13.5" y1="10.8" x2="18.8" y2="6.4"></line><line x1="10.5" y1="13.2" x2="5.2" y2="17.6"></line><line x1="13.5" y1="13.2" x2="18.8" y2="17.6"></line>', 9))
+      ], 64)) : n.name === "import" ? (w(), k(R, { key: 10 }, [
+        i[19] || (i[19] = g("path", { d: "M12 4 V15" }, null, -1)),
+        i[20] || (i[20] = g("polyline", { points: "7 10 12 15 17 10" }, null, -1)),
+        i[21] || (i[21] = g("path", { d: "M4 19 H20" }, null, -1))
+      ], 64)) : n.name === "export" ? (w(), k(R, { key: 11 }, [
+        i[22] || (i[22] = g("path", { d: "M12 15 V4" }, null, -1)),
+        i[23] || (i[23] = g("polyline", { points: "7 9 12 4 17 9" }, null, -1)),
+        i[24] || (i[24] = g("path", { d: "M4 19 H20" }, null, -1))
+      ], 64)) : n.name === "balance" ? (w(), k(R, { key: 12 }, [
+        i[25] || (i[25] = pe('<line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line><polyline points="9 4 5 6 9 8"></polyline><polyline points="15 4 19 6 15 8"></polyline><polyline points="9 10 5 12 9 14"></polyline><polyline points="15 10 19 12 15 14"></polyline><polyline points="9 16 5 18 9 20"></polyline><polyline points="15 16 19 18 15 20"></polyline>', 9))
+      ], 64)) : n.name === "mindmap" ? (w(), k(R, { key: 13 }, [
+        i[26] || (i[26] = pe('<circle cx="12" cy="12" r="2.2" fill="currentColor" stroke="none"></circle><line x1="13" y1="11" x2="19" y2="6"></line><line x1="13" y1="13" x2="19" y2="18"></line><line x1="11" y1="11" x2="5" y2="6"></line><line x1="11" y1="13" x2="5" y2="18"></line>', 5))
+      ], 64)) : n.name === "tree" ? (w(), k(R, { key: 14 }, [
+        i[27] || (i[27] = pe('<circle cx="6" cy="12" r="2" fill="currentColor" stroke="none"></circle><circle cx="18" cy="6" r="2" fill="currentColor" stroke="none"></circle><circle cx="18" cy="12" r="2" fill="currentColor" stroke="none"></circle><circle cx="18" cy="18" r="2" fill="currentColor" stroke="none"></circle><line x1="8" y1="12" x2="16" y2="6"></line><line x1="8" y1="12" x2="16" y2="12"></line><line x1="8" y1="12" x2="16" y2="18"></line>', 7))
+      ], 64)) : n.name === "org" ? (w(), k(R, { key: 15 }, [
+        i[28] || (i[28] = pe('<circle cx="12" cy="5" r="2" fill="currentColor" stroke="none"></circle><circle cx="6" cy="19" r="2" fill="currentColor" stroke="none"></circle><circle cx="12" cy="19" r="2" fill="currentColor" stroke="none"></circle><circle cx="18" cy="19" r="2" fill="currentColor" stroke="none"></circle><line x1="12" y1="7" x2="12" y2="13"></line><line x1="6" y1="13" x2="18" y2="13"></line><line x1="6" y1="13" x2="6" y2="17"></line><line x1="12" y1="13" x2="12" y2="17"></line><line x1="18" y1="13" x2="18" y2="17"></line>', 9))
+      ], 64)) : n.name === "image" ? (w(), k(R, { key: 16 }, [
+        i[29] || (i[29] = g("rect", {
+          x: "3",
+          y: "5",
+          width: "18",
+          height: "14",
+          rx: "2"
+        }, null, -1)),
+        i[30] || (i[30] = g("circle", {
+          cx: "9",
+          cy: "11",
+          r: "1.6"
+        }, null, -1)),
+        i[31] || (i[31] = g("polyline", { points: "3 17 9 12 13 15 16 13 21 17" }, null, -1))
+      ], 64)) : n.name === "x" ? (w(), k(R, { key: 17 }, [
+        i[32] || (i[32] = g("line", {
+          x1: "6",
+          y1: "6",
+          x2: "18",
+          y2: "18"
+        }, null, -1)),
+        i[33] || (i[33] = g("line", {
+          x1: "18",
+          y1: "6",
+          x2: "6",
+          y2: "18"
+        }, null, -1))
+      ], 64)) : n.name === "link" ? (w(), k(R, { key: 18 }, [
+        i[34] || (i[34] = g("path", { d: "M10 13 a4 4 0 0 0 5.66 0 l3 -3 a4 4 0 1 0 -5.66 -5.66 l-1 1" }, null, -1)),
+        i[35] || (i[35] = g("path", { d: "M14 11 a4 4 0 0 0 -5.66 0 l-3 3 a4 4 0 1 0 5.66 5.66 l1 -1" }, null, -1))
+      ], 64)) : n.name === "note" ? (w(), k(R, { key: 19 }, [
+        i[36] || (i[36] = g("path", { d: "M6 4 h9 l3 3 v13 a1 1 0 0 1 -1 1 h-11 a1 1 0 0 1 -1 -1 v-15 a1 1 0 0 1 1 -1 z" }, null, -1)),
+        i[37] || (i[37] = g("line", {
+          x1: "8",
+          y1: "10",
+          x2: "16",
+          y2: "10"
+        }, null, -1)),
+        i[38] || (i[38] = g("line", {
+          x1: "8",
+          y1: "13",
+          x2: "16",
+          y2: "13"
+        }, null, -1)),
+        i[39] || (i[39] = g("line", {
+          x1: "8",
+          y1: "16",
+          x2: "13",
+          y2: "16"
+        }, null, -1))
+      ], 64)) : D("", !0)
+    ], 8, In));
+  }
+}), Bn = "data:image/svg+xml,%3csvg%20t='1780822312364'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='7459'%20width='200'%20height='200'%3e%3cpath%20d='M329.16%20292.571h658.286V512H329.16zM329.16%200h658.286v219.429H329.16z'%20fill='%239AA1A2'%20p-id='7460'%3e%3c/path%3e%3cpath%20d='M44.927%20146.286a46.519%2046.519%200%200%201%2038.107-73.143h319.269v73.143H109.73V791.99l-48.713%205.705-24.43-651.41h8.339z'%20fill='%239AA1A2'%20p-id='7461'%3e%3c/path%3e%3cpath%20d='M363.83%20877.714H179.51c-78.775%200-142.921-66.12-142.921-147.31V112.787c0-21.943%2017.188-39.643%2038.473-39.643%2021.211%200%2033.5%2017.774%2033.5%2039.643v617.619c0%2037.522%2028.013%2076.58%2064.438%2076.58h190.903c21.211%200%2038.766%2013.97%2038.766%2035.84%200%2021.943-17.555%2034.89-38.766%2034.89z'%20fill='%239AA1A2'%20p-id='7462'%3e%3c/path%3e%3cpath%20d='M432.95%20438.857H179.51c-78.775%200-81.043-18.578-81.043-62.903l10.094-90.624c0%2020.48%2013.458%2080.677%2049.884%2080.677h210.139c21.211%200%20120.613%204.023%20120.613%2016.018%200%2011.922-35.036%2056.832-56.32%2056.832zM640.017%20749.714V640a54.857%2054.857%200%200%201%20109.714%200v109.714h109.715a54.857%2054.857%200%200%201%200%20109.715H749.73v109.714a54.857%2054.857%200%200%201-109.714%200V859.429H530.303a54.857%2054.857%200%200%201%200-109.715h109.714z'%20fill='%239AA1A2'%20p-id='7463'%3e%3c/path%3e%3c/svg%3e", Rn = "data:image/svg+xml,%3csvg%20t='1780822464335'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='8457'%20width='200'%20height='200'%3e%3cpath%20d='M512%20804.571h512V1024H512V804.571zM0%200h658.286v219.429H0V0z'%20fill='%239AA1A2'%20p-id='8458'%3e%3c/path%3e%3cpath%20d='M619.813%20950.857h-184.32c-78.775%200-142.922-66.121-142.922-147.31V185.93c0-21.943%2017.189-39.643%2038.474-39.643%2021.211%200%2033.353%2017.773%2033.353%2039.643v617.618c0%2037.523%2034.743%2073.728%2071.095%2073.728h184.32c21.211%200%2038.473%2012.069%2038.473%2033.939%200%2021.943-17.189%2039.643-38.473%2039.643z'%20fill='%239AA1A2'%20p-id='8459'%3e%3c/path%3e%3cpath%20d='M676.571%20457.143V347.429a54.857%2054.857%200%200%201%20109.715%200v109.714H896a54.857%2054.857%200%200%201%200%20109.714H786.286v109.714a54.857%2054.857%200%200%201-109.715%200V566.857H566.857a54.857%2054.857%200%200%201%200-109.714h109.714z'%20fill='%239AA1A2'%20p-id='8460'%3e%3c/path%3e%3c/svg%3e", Je = [18, 15, 13, 12], An = [700, 600, 500, 400], Ln = [52, 40, 32, 28], Ot = [120, 80, 60, 44], Hn = [0.8, 0.8, 0.8, 0.8], Dn = Je.length - 1;
+function Pn(n) {
+  return Math.round(Je[je(n)] * Hn[je(n)]);
+}
+function je(n) {
+  return Math.min(Dn, Math.max(0, n));
+}
+function On(n) {
+  return Je[je(n)];
+}
+const Ye = 60, Me = 14, J = 24;
+let at = null;
+function Tn() {
+  if (at) return at;
+  const n = typeof document < "u" ? document.createElement("canvas").getContext("2d") : null;
+  return n ? (at = n, n) : {
+    font: "",
+    measureText: () => ({ width: 0 })
+  };
+}
+const Tt = /* @__PURE__ */ new Map();
+function Fn(n, d, i) {
+  const l = `${i}|${d}|${n}`, a = Tt.get(l);
+  if (a !== void 0) return a;
+  const s = Tn();
+  s.font = `${i} ${d}px "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif`;
+  const f = s.measureText(n).width;
+  return Tt.set(l, f), f;
+}
+const Vn = 24, Xn = 400, qn = 8, Ft = 16, Yn = 4;
+function Un(n, d, i) {
+  return Math.min(i, Math.max(d, n));
+}
+function Kn(n, d) {
+  const i = je(d), l = Fn(n.text || "", Je[i], An[i]), a = Pn(d), s = Math.ceil(l + a * 2), f = Ln[i];
+  let x = 0;
+  if (n.link && (x += Ft), n.note && (x += Ft), x > 0) {
+    const I = (n.link ? 1 : 0) + (n.note ? 1 : 0);
+    x += Yn * I;
+  }
+  const m = s + x;
+  if (!n.image)
+    return { w: Math.max(Ot[i], m), h: f };
+  const y = Un(n.image.width, Vn, Xn), u = Math.max(Ot[i], m, Math.ceil(y + a * 2)), b = Math.ceil(n.image.height + qn + f);
+  return { w: u, h: b };
+}
+function Gn(n, d = {}) {
+  const i = d.mode ?? "mindmap", l = d.preservePositions === !0, a = qt(n, 0, null, 1, "right");
+  return Jn(a), jn(a, i, l), a.x = 0, a.y = 0, Zn(a, l);
+}
+function jn(n, d, i = !1) {
+  if (d === "mindmap") {
+    const l = n.children;
+    if (l.length !== 0) if (l.length === 1)
+      l[0]._dir = "right", l[0].side = 1, l[0]._dirRight = 1;
+    else {
+      const x = l.reduce((b, I) => b + I._subtreeH, 0);
+      let m = 1, y = Math.abs(l[0]._subtreeH - (x - l[0]._subtreeH)), u = 0;
+      for (let b = 0; b < l.length - 1; b++) {
+        u += l[b]._subtreeH;
+        const I = Math.abs(u - (x - u));
+        I < y && (y = I, m = b + 1);
+      }
+      for (let b = 0; b < m; b++)
+        l[b]._dir = "right", l[b].side = 1, l[b]._dirRight = 1;
+      for (let b = m; b < l.length; b++)
+        l[b]._dir = "left", l[b].side = -1, l[b]._dirRight = -1;
+    }
+    const a = n.children.filter((x) => x.side === 1), s = n.children.filter((x) => x.side === -1), f = (x, m) => {
+      const y = m === "right" ? 1 : -1;
+      x._dir = m, x.side = y, x._dirRight = y;
+      for (const u of x.children) f(u, m);
+    };
+    for (const x of a) f(x, "right");
+    for (const x of s) f(x, "left");
+    if (a.length > 0) {
+      const x = { ...n, children: a };
+      Ke(x, "right", Ye, !0, i);
+    }
+    if (s.length > 0) {
+      const x = { ...n, children: s };
+      Ke(x, "left", Ye, !0, i);
+    }
+  } else if (d === "tree") {
+    const l = (a) => {
+      a.side = 1, a._dir = "right";
+      for (const s of a.children) l(s);
+    };
+    for (const a of n.children) a._dir = "right";
+    Ke(n, "right", Ye, !0, i), l(n);
+  } else {
+    for (const l of n.children) l._dir = "down";
+    Xt(n, Ye, i);
+  }
+}
+function Ke(n, d, i, l, a = !1) {
+  if (n.children.length === 0) return;
+  const s = n.children.reduce(
+    (y, u, b) => y + u._subtreeH + (b > 0 ? Me : 0),
+    0
+  ), f = d === "right" ? 1 : -1, x = l ? f : 1;
+  let m = n.y - x * s / 2;
+  n.children.forEach((y) => {
+    a || (y.x = n.x + f * (n.width / 2 + i + y.width / 2), y.y = m + x * y._subtreeH / 2), y._dir = d, m += x * (y._subtreeH + Me), Ke(y, d, i, !1, a);
+  });
+}
+function Xt(n, d, i = !1) {
+  if (n.children.length === 0) return;
+  const l = n.children.reduce(
+    (s, f, x) => s + f._subtreeW + (x > 0 ? Me * 2 : 0),
+    0
+  );
+  let a = n.x - l / 2;
+  n.children.forEach((s) => {
+    i || (s.x = a + s._subtreeW / 2, s.y = n.y + n.height / 2 + d + s.height / 2), s._dir = "down", a += s._subtreeW + Me * 2, Xt(s, d, i);
+  });
+}
+function qt(n, d, i, l, a) {
+  const s = Kn(n, d), f = {
+    id: n.id,
+    text: n.text,
+    depth: d,
+    // Honor a user-set position from the data tree (drag commit).
+    // The next applyDoLayout pass will overwrite these unless
+    // preservePositions is true.
+    x: n._x ?? 0,
+    y: n._y ?? 0,
+    width: s.w,
+    height: s.h,
+    fontSize: On(d),
+    isRoot: d === 0,
+    collapsed: n.collapsed,
+    side: l,
+    _dir: a,
+    _dirRight: l,
+    _subtreeH: s.h,
+    _subtreeW: s.w,
+    image: n.image ? { ...n.image } : void 0,
+    link: n.link ? { url: n.link.url } : void 0,
+    note: n.note ? { text: n.note.text } : void 0,
+    children: [],
+    parent: i
+  };
+  if (n.collapsed) return f;
+  const x = n.children.length, m = Math.ceil(x / 2);
+  return f.children = n.children.map((y, u) => {
+    const b = d === 0 ? u < m ? 1 : -1 : l;
+    return qt(y, d + 1, f, b, a);
+  }), f;
+}
+function Jn(n) {
+  const d = [n];
+  for (let i = 0; i < d.length; i++) {
+    const l = d[i];
+    for (const a of l.children) d.push(a);
+  }
+  for (let i = d.length - 1; i >= 0; i--) {
+    const l = d[i];
+    if (l.collapsed || l.children.length === 0) {
+      l._subtreeH = l.height, l._subtreeW = l.width;
+      continue;
+    }
+    let a = 0, s = 0;
+    for (const f of l.children)
+      a += f._subtreeH, s += f._subtreeW;
+    l.children.length > 1 && (a += Me * (l.children.length - 1), s += Me * 2 * (l.children.length - 1)), l._subtreeH = Math.max(l.height, a), l._subtreeW = Math.max(l.width, s);
+  }
+}
+function Zn(n, d = !1) {
+  const i = [n];
+  let l = 1 / 0, a = -1 / 0, s = 1 / 0, f = -1 / 0;
+  for (; i.length; ) {
+    const y = i.pop(), u = y.width / 2, b = y.height / 2;
+    y.x - u < l && (l = y.x - u), y.x + u > a && (a = y.x + u), y.y - b < s && (s = y.y - b), y.y + b > f && (f = y.y + b), i.push(...y.children);
+  }
+  if (d)
+    return {
+      root: n,
+      width: a - l + J * 2,
+      height: f - s + J * 2,
+      vbX: l - J,
+      vbY: s - J,
+      vbW: a - l + J * 2,
+      vbH: f - s + J * 2
+    };
+  const x = J - s, m = [n];
+  for (; m.length; ) {
+    const y = m.pop();
+    y.y += x, m.push(...y.children);
+  }
+  return s += x, f += x, {
+    root: n,
+    width: a - l + J * 2,
+    height: f + J,
+    vbX: l - J,
+    vbY: 0,
+    vbW: a - l + J * 2,
+    vbH: f + J
+  };
+}
+const Le = [
+  {
+    id: "default",
+    name: "默认",
+    colors: [
+      "#f87171",
+      "#fb923c",
+      "#fbbf24",
+      "#a3e635",
+      "#34d399",
+      "#22d3ee",
+      "#818cf8",
+      "#c084fc"
+    ]
+  },
+  {
+    id: "classic",
+    name: "经典",
+    colors: [
+      "#ef4444",
+      "#f59e0b",
+      "#10b981",
+      "#3b82f6",
+      "#6366f1",
+      "#8b5cf6",
+      "#ec4899",
+      "#14b8a6"
+    ]
+  },
+  {
+    id: "vivid",
+    name: "活力",
+    colors: [
+      "#dc2626",
+      "#ea580c",
+      "#ca8a04",
+      "#16a34a",
+      "#0891b2",
+      "#2563eb",
+      "#7c3aed",
+      "#db2777"
+    ]
+  },
+  {
+    id: "dev",
+    name: "代码",
+    colors: [
+      "#f472b6",
+      "#a78bfa",
+      "#60a5fa",
+      "#38bdf8",
+      "#22d3ee",
+      "#34d399",
+      "#facc15",
+      "#fb923c"
+    ]
+  },
+  {
+    id: "mint",
+    name: "薄荷",
+    colors: [
+      "#5eead4",
+      "#67e8f9",
+      "#93c5fd",
+      "#c4b5fd",
+      "#fbcfe8",
+      "#fde68a",
+      "#a7f3d0",
+      "#bae6fd"
+    ]
+  }
+];
+function Qn(n, d = []) {
+  return [...Le, ...d].find((l) => l.id === n) ?? Le[0];
+}
+function Ze() {
+  return "n_" + Math.random().toString(36).slice(2, 10) + Date.now().toString(36).slice(-4);
+}
+function ke(n) {
+  return JSON.parse(JSON.stringify(n));
+}
+function W(n, d) {
+  if (n.id === d) return n;
+  for (const i of n.children) {
+    const l = W(i, d);
+    if (l) return l;
+  }
+  return null;
+}
+function te(n, d, i = null) {
+  if (n.id === d) return i;
+  for (const l of n.children) {
+    const a = te(l, d, n);
+    if (a !== null) return a;
+  }
+  return null;
+}
+function Yt(n, d) {
+  const i = n.children.findIndex((l) => l.id === d);
+  if (i >= 0)
+    return n.children.splice(i, 1), !0;
+  for (const l of n.children)
+    if (Yt(l, d)) return !0;
+  return !1;
+}
+function _n(n, d, i) {
+  const l = W(n, d);
+  return !l || l.text === i ? !1 : (l.text = i, !0);
+}
+function ei(n, d, i, l) {
+  if (!te(n, d) || d === i || W(W(n, d), i)) return !1;
+  const a = te(n, d), s = a.children.findIndex((y) => y.id === d);
+  if (s < 0) return !1;
+  const [f] = a.children.splice(s, 1);
+  if (l === "child") {
+    const y = W(n, i);
+    return y ? (y.children.push(f), !0) : (a.children.splice(s, 0, f), !1);
+  }
+  const x = te(n, i);
+  if (!x)
+    return a.children.splice(s, 0, f), !1;
+  let m = x.children.findIndex((y) => y.id === i);
+  return m < 0 ? (a.children.splice(s, 0, f), !1) : (l === "after" && (m += 1), x.children.splice(m, 0, f), !0);
+}
+function Ut(n) {
+  const d = /^新节点(?:\s+(\d+))?$/;
+  let i = 0, l = !1;
+  for (const a of n.children) {
+    const s = a.text.match(d);
+    if (s)
+      if (s[1]) {
+        const f = parseInt(s[1], 10);
+        f > i && (i = f);
+      } else
+        l = !0;
+  }
+  return i === 0 && !l ? Ge : i > 0 ? `新节点 ${i + 1}` : "新节点 2";
+}
+function ti(n, d, i) {
+  const l = W(n, d);
+  if (!l) return null;
+  const a = { id: Ze(), text: i ?? Ut(l), children: [] };
+  return l.children.push(a), a;
+}
+function ni(n, d, i) {
+  const l = te(n, d);
+  if (!l) return null;
+  const a = l.children.findIndex((f) => f.id === d);
+  if (a < 0) return null;
+  const s = { id: Ze(), text: i ?? Ut(l), children: [] };
+  return l.children.splice(a + 1, 0, s), s;
+}
+function ii(n, d, i) {
+  const l = te(n, d);
+  if (!l) return null;
+  const a = l.children.findIndex((f) => f.id === d);
+  if (a < 0) return null;
+  const s = { id: Ze(), text: i, children: [] };
+  return l.children.splice(a, 0, s), s;
+}
+function li(n, d) {
+  const i = te(n, d);
+  if (!i) return null;
+  const l = i.children.findIndex((f) => f.id === d);
+  if (l < 0) return null;
+  const a = i.children[l], s = ke(a);
+  return Kt(s), i.children.splice(l + 1, 0, s), s;
+}
+function Kt(n) {
+  n.id = Ze();
+  for (const d of n.children) Kt(d);
+}
+const Ge = "新节点";
+function oi(n) {
+  const d = n.minScale ?? 0.2, i = n.maxScale ?? 3, l = n.step ?? 1.2, a = A(1), s = A(0), f = A(0), x = A(!1), m = Ue({
+    x: 0,
+    y: 0,
+    ox: 0,
+    oy: 0
+  }), y = A(!1), u = Ue({ x: 0, y: 0 }), b = Ue({ x: 0, y: 0, width: 0, height: 0 }), I = A(0);
+  let C = null;
+  function H(E) {
+    C = E;
+  }
+  function _(E) {
+    E.preventDefault();
+    const V = n.getContainer();
+    if (!V) return;
+    const X = -E.deltaY * 1e-3, U = Math.min(i, Math.max(d, a.value * (1 + X))), Z = V.getBoundingClientRect(), Q = E.clientX - Z.left, he = E.clientY - Z.top, Ie = (Q - s.value) / a.value, re = (he - f.value) / a.value;
+    a.value = U, s.value = Q - Ie * U, f.value = he - re * U;
+  }
+  function ie() {
+    a.value = Math.min(i, a.value * l);
+  }
+  function He() {
+    a.value = Math.max(d, a.value / l);
+  }
+  function le(E) {
+    var X;
+    E.target.closest(".zm-node, .zm-toolbar, button, input, textarea") || (x.value = !0, m.x = E.clientX, m.y = E.clientY, m.ox = s.value, m.oy = f.value, window.addEventListener("mousemove", Ce), window.addEventListener("mouseup", De), (X = E.preventDefault) == null || X.call(E));
+  }
+  function Ce(E) {
+    x.value && (s.value = m.ox + (E.clientX - m.x), f.value = m.oy + (E.clientY - m.y));
+  }
+  function De() {
+    x.value = !1, window.removeEventListener("mousemove", Ce), window.removeEventListener("mouseup", De);
+  }
+  function Se(E, V) {
+    y.value = !0, u.x = E, u.y = V, b.x = E, b.y = V, b.width = 0, b.height = 0, I.value++, window.addEventListener("mousemove", Ne), window.addEventListener("mouseup", Ee);
+  }
+  function ze(E, V) {
+    if (!y.value) return;
+    const X = Math.min(u.x, E), U = Math.min(u.y, V), Z = Math.max(u.x, E), Q = Math.max(u.y, V);
+    b.x = X, b.y = U, b.width = Z - X, b.height = Q - U, I.value++;
+  }
+  function Ee() {
+    y.value = !1, window.removeEventListener("mousemove", Ne), window.removeEventListener("mouseup", Ee), C && C();
+  }
+  function Ne(E) {
+    if (!y.value) return;
+    const V = n.getContainer();
+    if (!V) return;
+    const X = V.getBoundingClientRect(), U = (E.clientX - X.left - s.value) / a.value, Z = (E.clientY - X.top - f.value) / a.value;
+    ze(U, Z);
+  }
+  function F(E, V, X, U = 60) {
+    const Z = n.getContainer();
+    if (!Z) return;
+    const Q = Z.getBoundingClientRect(), he = (Q.width - U * 2) / E, Ie = (Q.height - U * 2) / V, re = Math.min(1, Math.max(0.3, Math.min(he, Ie)));
+    a.value = re, s.value = Q.width / 2, f.value = Q.height / 2 - X * re;
+  }
+  return {
+    scale: a,
+    offsetX: s,
+    offsetY: f,
+    isPanning: x,
+    onWheel: _,
+    zoomIn: ie,
+    zoomOut: He,
+    startPan: le,
+    startMarquee: Se,
+    updateMarquee: ze,
+    isMarquee: y,
+    marquee: b,
+    marqueeVersion: I,
+    setOnMarqueeEnd: H,
+    resetView: F
+  };
+}
+const ri = typeof navigator < "u" && /Mac|iPhone|iPad/.test(navigator.platform);
+function Vt(n) {
+  return ri ? n.metaKey : n.ctrlKey;
+}
+function ai(n) {
+  function d() {
+    const l = n.getSelectedId();
+    return l || (n.defaultTargetId ? n.defaultTargetId() : n.getRootId());
+  }
+  function i(l) {
+    const a = l.target;
+    if (a && (a.tagName === "INPUT" || a.tagName === "TEXTAREA" || a.isContentEditable) || n.isReadonly() || n.isEditing()) return;
+    const s = n.getSelectedId(), f = d();
+    if (f) {
+      if (Vt(l) && !l.shiftKey) {
+        if (l.key === "d" || l.key === "D") {
+          s && s !== n.getRootId() && (l.preventDefault(), n.onDuplicate(s));
+          return;
+        }
+        if (l.key === "z" || l.key === "Z") {
+          l.preventDefault(), n.onUndo();
+          return;
+        }
+        if (l.key === "y" || l.key === "Y") {
+          l.preventDefault(), n.onRedo();
+          return;
+        }
+        if (l.key === "Home") {
+          l.preventDefault(), n.onSelectRoot();
+          return;
+        }
+      }
+      if (Vt(l) && l.shiftKey && (l.key === "Z" || l.key === "z")) {
+        l.preventDefault(), n.onRedo();
+        return;
+      }
+      l.key === "Tab" ? (l.preventDefault(), n.onAddChild(f)) : l.key === "Enter" ? (l.preventDefault(), l.shiftKey ? s && s !== n.getRootId() && n.onAddSiblingBefore(s) : n.onAddSibling(f)) : (l.key === "Delete" || l.key === "Backspace") && s && s !== n.getRootId() ? (l.preventDefault(), n.onRemove(s)) : l.key === "F2" && s ? (l.preventDefault(), n.onStartEdit(s)) : l.key === "Escape" ? (l.preventDefault(), n.onClearSelection()) : l.key === "ArrowDown" ? (l.preventDefault(), n.onNavigate(0, 1)) : l.key === "ArrowUp" ? (l.preventDefault(), n.onNavigate(0, -1)) : l.key === "ArrowRight" ? (l.preventDefault(), n.onNavigate(1, 0)) : l.key === "ArrowLeft" && (l.preventDefault(), n.onNavigate(-1, 0));
+    }
+  }
+  ut(() => {
+    window.addEventListener("keydown", i);
+  }), dt(() => {
+    window.removeEventListener("keydown", i);
+  });
+}
+function ui(n = 100) {
+  const d = A([]);
+  let i = -1;
+  function l() {
+    return i > 0;
+  }
+  function a() {
+    return i < d.value.length - 1;
+  }
+  function s(y) {
+    const u = JSON.stringify(y);
+    for (i < d.value.length - 1 && (d.value = d.value.slice(0, i + 1)), d.value.push(u), i = d.value.length - 1; d.value.length > n; )
+      d.value.shift(), i--;
+  }
+  function f() {
+    return l() ? (i--, JSON.parse(d.value[i])) : null;
+  }
+  function x() {
+    return a() ? (i++, JSON.parse(d.value[i])) : null;
+  }
+  function m() {
+    d.value = [], i = -1;
+  }
+  return {
+    canUndo: l,
+    canRedo: a,
+    record: s,
+    undo: f,
+    redo: x,
+    reset: m
+  };
+}
+const si = ["disabled"], di = ["disabled"], ci = ["disabled"], fi = ["disabled"], vi = ["disabled"], hi = ["disabled"], mi = /* @__PURE__ */ st({
+  __name: "NodeContextMenu",
+  props: {
+    x: {},
+    y: {},
+    container: {},
+    hasImage: { type: Boolean, default: !1 },
+    hasLink: { type: Boolean, default: !1 },
+    hasNote: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 }
+  },
+  emits: ["pickImage", "setLink", "removeLink", "editNote", "removeNote", "removeImage", "close"],
+  setup(n, { emit: d }) {
+    const i = n, l = d, a = Y(() => {
+      let I = i.x + 2, C = i.y + 2;
+      if (i.container) {
+        const H = i.container.getBoundingClientRect(), _ = 180, ie = s.value ? f.value ? 184 : 160 : 136;
+        I + _ > H.right && (I = Math.max(H.left + 4, i.x - _ - 2)), C + ie > H.bottom && (C = Math.max(H.top + 4, i.y - ie - 2)), I < H.left + 2 && (I = H.left + 2), C < H.top + 2 && (C = H.top + 2);
+      }
+      return { left: I, top: C };
+    }), s = Y(() => i.hasImage), f = Y(() => i.hasLink), x = Y(() => i.hasNote);
+    function m(I) {
+      const C = I.target;
+      C && C.closest(".zm-node-menu") || l("close");
+    }
+    function y(I) {
+      I.key === "Escape" && l("close");
+    }
+    function u() {
+      l("close");
+    }
+    window.addEventListener("mousedown", m, !0), window.addEventListener("keydown", y, !0), window.addEventListener("wheel", u, !0), window.addEventListener("scroll", u, !0), dt(() => {
+      window.removeEventListener("mousedown", m, !0), window.removeEventListener("keydown", y, !0), window.removeEventListener("wheel", u, !0), window.removeEventListener("scroll", u, !0);
+    });
+    function b(I) {
+      i.readonly || (I(), l("close"));
+    }
+    return (I, C) => (w(), k("div", {
+      class: "zm-node-menu",
+      style: oe({ left: a.value.left + "px", top: a.value.top + "px" }),
+      onContextmenu: C[6] || (C[6] = $(() => {
+      }, ["prevent"]))
+    }, [
+      g("button", {
+        class: "zm-node-menu-item",
+        disabled: n.readonly,
+        onClick: C[0] || (C[0] = $((H) => b(() => l("pickImage")), ["stop"]))
+      }, [
+        P(O, {
+          name: "image",
+          size: 13
+        }),
+        g("span", null, ve(s.value ? "替换图片" : "添加图片"), 1)
+      ], 8, si),
+      s.value ? (w(), k("button", {
+        key: 0,
+        class: "zm-node-menu-item",
+        disabled: n.readonly,
+        onClick: C[1] || (C[1] = $((H) => b(() => l("removeImage")), ["stop"]))
+      }, [
+        P(O, {
+          name: "x",
+          size: 13
+        }),
+        C[7] || (C[7] = g("span", null, "移除图片", -1))
+      ], 8, di)) : D("", !0),
+      g("button", {
+        class: "zm-node-menu-item",
+        disabled: n.readonly,
+        onClick: C[2] || (C[2] = $((H) => b(() => l("setLink")), ["stop"]))
+      }, [
+        P(O, {
+          name: "link",
+          size: 13
+        }),
+        g("span", null, ve(f.value ? "编辑链接" : "添加链接"), 1)
+      ], 8, ci),
+      f.value ? (w(), k("button", {
+        key: 1,
+        class: "zm-node-menu-item",
+        disabled: n.readonly,
+        onClick: C[3] || (C[3] = $((H) => b(() => l("removeLink")), ["stop"]))
+      }, [
+        P(O, {
+          name: "x",
+          size: 13
+        }),
+        C[8] || (C[8] = g("span", null, "移除链接", -1))
+      ], 8, fi)) : D("", !0),
+      g("button", {
+        class: "zm-node-menu-item",
+        disabled: n.readonly,
+        onClick: C[4] || (C[4] = $((H) => b(() => l("editNote")), ["stop"]))
+      }, [
+        P(O, {
+          name: "note",
+          size: 13
+        }),
+        g("span", null, ve(x.value ? "编辑笔记" : "添加笔记"), 1)
+      ], 8, vi),
+      x.value ? (w(), k("button", {
+        key: 2,
+        class: "zm-node-menu-item",
+        disabled: n.readonly,
+        onClick: C[5] || (C[5] = $((H) => b(() => l("removeNote")), ["stop"]))
+      }, [
+        P(O, {
+          name: "x",
+          size: 13
+        }),
+        C[9] || (C[9] = g("span", null, "移除笔记", -1))
+      ], 8, hi)) : D("", !0)
+    ], 36));
+  }
+}), yi = ["viewBox", "width", "height"], gi = { class: "zm-edges" }, xi = ["d", "fill"], pi = ["data-node-id", "onClick", "onDblclick", "onContextmenu", "onMouseenter", "onMouseleave"], bi = ["src", "width", "height", "alt"], wi = {
+  key: 1,
+  class: "zm-text"
+}, ki = { class: "zm-text-label" }, Mi = ["href", "title"], Ci = ["title", "onClick"], Si = ["title"], zi = ["title", "onClick"], Ei = ["onClick"], Ni = ["onMousedown"], Ii = ["onClick"], Wi = {
+  key: 0,
+  class: "zm-toolbar"
+}, $i = ["src"], Bi = ["src"], Ri = { class: "zm-tb-tip" }, we = 24, Ae = 400, fe = 160, Ai = /* @__PURE__ */ st({
+  __name: "MindMap",
+  props: {
+    data: {},
+    readonly: { type: Boolean, default: !1 },
+    theme: {},
+    previewMode: { type: Boolean, default: !1 }
+  },
+  emits: ["change", "select", "edit-note"],
+  setup(n, { expose: d, emit: i }) {
+    const l = n, a = i, s = A(null), f = A(null), x = A(""), m = A(null), y = A(/* @__PURE__ */ new Set()), u = A(ke(l.data)), b = Y(() => p.showOrderBadge === !0), I = A(/* @__PURE__ */ new Map()), C = I.value;
+    function H(e, t) {
+      const r = {};
+      t.bg && (r.bg = t.bg), t.textColor && (r.textColor = t.textColor), t.borderColor && (r.borderColor = t.borderColor), t.fontWeight && (r.fontWeight = t.fontWeight), Object.keys(r).length === 0 ? C.delete(e) : C.set(e, r), I.value = new Map(C);
+    }
+    function _(e) {
+      return C.get(e) ?? {};
+    }
+    function ie(e, t) {
+      const r = W(u.value, e);
+      r && (r.image = {
+        src: t.src,
+        naturalW: t.naturalW,
+        naturalH: t.naturalH,
+        width: le(t.width, we, Ae),
+        height: le(t.height, we, Ae)
+      }, K(), L(), a("change", u.value));
+    }
+    function He(e) {
+      const t = W(u.value, e);
+      !t || !t.image || (delete t.image, K(), L(), a("change", u.value));
+    }
+    function le(e, t, r) {
+      return Math.min(r, Math.max(t, e));
+    }
+    function Ce(e, t) {
+      const r = new FileReader();
+      r.onload = () => {
+        if (typeof r.result != "string") return;
+        const c = r.result, v = new window.Image();
+        v.onload = () => {
+          const o = v.naturalWidth || fe, h = v.naturalHeight || fe, N = le(o, we, fe), T = le(Math.round(h * N / o), we, Ae);
+          t({ src: c, naturalW: o, naturalH: h, width: N, height: T });
+        }, v.onerror = () => {
+          t({ src: c, naturalW: fe, naturalH: fe, width: fe, height: fe });
+        }, v.src = c;
+      }, r.readAsDataURL(e);
+    }
+    function De(e) {
+      const t = document.createElement("input");
+      t.type = "file", t.accept = "image/*", t.style.display = "none", t.onchange = () => {
+        var c;
+        const r = (c = t.files) == null ? void 0 : c[0];
+        r && (Ce(r, (v) => ie(e, v)), document.body.removeChild(t));
+      }, document.body.appendChild(t), t.click();
+    }
+    function Se(e, t) {
+      const r = t.trim(), c = W(u.value, e);
+      c && (r ? c.link = { url: r } : delete c.link, K(), L(), a("change", u.value));
+    }
+    function ze(e) {
+      Se(e, "");
+    }
+    function Ee(e, t) {
+      const r = W(u.value, e);
+      r && (t ? r.note = { text: t } : delete r.note, K(), L(), a("change", u.value));
+    }
+    function Ne(e) {
+      Ee(e, "");
+    }
+    const F = A(null);
+    function E(e, t) {
+      l.readonly || (e.preventDefault(), e.stopPropagation(), m.value = t.id, a("select", W(u.value, t.id)), F.value = { nodeId: t.id, x: e.clientX, y: e.clientY });
+    }
+    function V() {
+      F.value = null;
+    }
+    function X() {
+      var t;
+      const e = (t = F.value) == null ? void 0 : t.nodeId;
+      e && De(e);
+    }
+    function U() {
+      var c, v, o;
+      const e = (c = F.value) == null ? void 0 : c.nodeId;
+      if (!e) return;
+      const t = ((o = (v = W(u.value, e)) == null ? void 0 : v.link) == null ? void 0 : o.url) ?? "", r = window.prompt("输入链接 URL（留空取消）", t);
+      r !== null && Se(e, r);
+    }
+    function Z() {
+      var t;
+      const e = (t = F.value) == null ? void 0 : t.nodeId;
+      e && ze(e);
+    }
+    function Q() {
+      var t;
+      const e = (t = F.value) == null ? void 0 : t.nodeId;
+      e && re(e);
+    }
+    function he() {
+      var t;
+      const e = (t = F.value) == null ? void 0 : t.nodeId;
+      e && Ne(e);
+    }
+    function Ie() {
+      var t;
+      const e = (t = F.value) == null ? void 0 : t.nodeId;
+      e && He(e);
+    }
+    function re(e) {
+      l.readonly || a("edit-note", e);
+    }
+    function Gt(e, t = 60) {
+      const r = e.replace(/\s+/g, " ").trim();
+      return r.length <= t ? r || "点击编辑笔记" : r.slice(0, t) + "…";
+    }
+    function ct(e) {
+      var v;
+      if (l.readonly || f.value) return;
+      const t = e.target;
+      if (t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable))
+        return;
+      const r = m.value;
+      if (!r) return;
+      const c = (v = e.clipboardData) == null ? void 0 : v.items;
+      if (c)
+        for (let o = 0; o < c.length; o++) {
+          const h = c[o];
+          if (h.kind === "file" && h.type.startsWith("image/")) {
+            const N = h.getAsFile();
+            if (!N) continue;
+            e.preventDefault();
+            const T = W(u.value, r);
+            if (T != null && T.image && !window.confirm("该节点已有图片,要用剪贴板里的图片替换吗?"))
+              return;
+            Ce(N, (q) => ie(r, q));
+            return;
+          }
+        }
+    }
+    ut(() => {
+      window.addEventListener("paste", ct);
+    }), dt(() => {
+      window.removeEventListener("paste", ct);
+    });
+    const We = A(null), jt = Y(() => {
+      var e;
+      return ((e = We.value) == null ? void 0 : e.nodeId) ?? null;
+    });
+    function Jt(e, t) {
+      if (!t.image) return;
+      e.preventDefault(), e.stopPropagation();
+      const r = t.image.naturalW || t.image.width, c = t.image.naturalH || t.image.height, v = c > 0 ? c / r : 1;
+      We.value = {
+        nodeId: t.id,
+        startX: e.clientX,
+        startY: e.clientY,
+        startW: t.image.width,
+        startH: t.image.height,
+        naturalW: r,
+        naturalH: c,
+        ratio: v,
+        pendingW: t.image.width,
+        pendingH: t.image.height
+      }, window.addEventListener("mousemove", ft), window.addEventListener("mouseup", vt);
+    }
+    function ft(e) {
+      var T, q;
+      const t = We.value;
+      if (!t) return;
+      const r = M.scale.value || 1, c = e.clientX - t.startX, v = le(t.startW + c / r, we, Ae), o = le(v * t.ratio, we, Ae);
+      t.pendingW = v, t.pendingH = o;
+      const h = (T = s.value) == null ? void 0 : T.querySelector(
+        `[data-node-id="${t.nodeId}"] .zm-node-img`
+      );
+      h && (h.style.width = `${v}px`, h.style.height = `${o}px`);
+      const N = (q = s.value) == null ? void 0 : q.querySelector(
+        `[data-node-id="${t.nodeId}"]`
+      );
+      N && (N.style.minWidth = `${Math.max(80, Math.ceil(v + 28))}px`, N.style.height = `${Math.ceil(o + 8 + 30)}px`);
+    }
+    function vt() {
+      const e = We.value;
+      if (window.removeEventListener("mousemove", ft), window.removeEventListener("mouseup", vt), We.value = null, !e) return;
+      const t = W(u.value, e.nodeId);
+      !t || !t.image || (ie(e.nodeId, {
+        src: t.image.src,
+        naturalW: t.image.naturalW,
+        naturalH: t.image.naturalH,
+        width: e.pendingW,
+        height: e.pendingH
+      }), m.value = e.nodeId, a("select", t), _e = !0);
+    }
+    const Qe = A(null);
+    let _e = !1;
+    function Zt(e) {
+      Qe.value = e;
+    }
+    function Qt(e) {
+      Qe.value === e && (Qe.value = null);
+    }
+    const ht = A(0), et = A(!1), ae = ui(100);
+    function K() {
+      ae.record({ data: u.value });
+    }
+    function L() {
+      y.value = new Set(y.value), ht.value++;
+    }
+    const ee = Y(() => {
+      var e, t, r, c, v, o, h, N, T, q;
+      return {
+        rootBg: ((e = l.theme) == null ? void 0 : e.rootBg) ?? "#1f2937",
+        rootText: ((t = l.theme) == null ? void 0 : t.rootText) ?? "#ffffff",
+        branchBg: ((r = l.theme) == null ? void 0 : r.branchBg) ?? "#ffffff",
+        branchText: ((c = l.theme) == null ? void 0 : c.branchText) ?? "#1f2937",
+        lineColor: ((v = l.theme) == null ? void 0 : v.lineColor) ?? "#94a3b8",
+        bgColor: ((o = l.theme) == null ? void 0 : o.bgColor) ?? "#f8fafc",
+        fontSize: ((h = l.theme) == null ? void 0 : h.fontSize) ?? 14,
+        lineWidthStart: ((N = l.theme) == null ? void 0 : N.lineWidthStart) ?? 2.2,
+        lineWidthEnd: ((T = l.theme) == null ? void 0 : T.lineWidthEnd) ?? 0.8,
+        rainbowBranch: ((q = l.theme) == null ? void 0 : q.rainbowBranch) ?? !1
+      };
+    }), p = Ue({
+      autoBalanceOnChange: !0,
+      lineWidthStart: 12,
+      lineWidthEnd: 3.6,
+      rainbowBranch: !0,
+      branchPaletteId: "default",
+      customPalettes: [],
+      lineStyle: "curve",
+      layoutMode: "mindmap",
+      taperedEdge: !0,
+      showOrderBadge: !1
+    });
+    function mt(e) {
+      return p.taperedEdge ? _t(e) : gt(e);
+    }
+    function yt(e) {
+      return p.taperedEdge ? p.lineWidthEnd : gt(e);
+    }
+    function _t(e) {
+      return e <= 0 ? p.lineWidthStart : e === 1 ? Math.max(1.5, p.lineWidthStart * 0.67) : e === 2 ? Math.max(0.8, p.lineWidthStart * 0.42) : p.lineWidthEnd;
+    }
+    function gt(e) {
+      if (e <= 0) return p.lineWidthStart;
+      if (e >= 3) return p.lineWidthEnd;
+      const t = e / 3;
+      return p.lineWidthStart + (p.lineWidthEnd - p.lineWidthStart) * t;
+    }
+    function en(e, t, r, c) {
+      const v = 1 - e, o = v * v * v * t.x + 3 * v * v * e * r.x1 + 3 * v * e * e * r.x2 + e * e * e * c.x, h = v * v * v * t.y + 3 * v * v * e * r.y1 + 3 * v * e * e * r.y2 + e * e * e * c.y;
+      return { x: o, y: h };
+    }
+    function tn(e, t, r, c, v = 32, o = "curve", h = "right") {
+      if (o === "curve") {
+        let ce;
+        if (h === "right" || h === "left") {
+          const B = Math.abs(t.x - e.x) * 0.45, ne = h === "right" ? 1 : -1;
+          ce = { x1: e.x + ne * B, y1: e.y, x2: t.x - ne * B, y2: t.y };
+        } else {
+          const B = Math.abs(t.y - e.y) * 0.45;
+          ce = { x1: e.x, y1: e.y + B, x2: t.x, y2: t.y - B };
+        }
+        const Sn = (z) => {
+          const B = 1 - z, ne = -3 * B * B * e.x + 3 * (B * B - 2 * B * z) * ce.x1 + 3 * (2 * B * z - z * z) * ce.x2 + 3 * z * z * t.x, xe = -3 * B * B * e.y + 3 * (B * B - 2 * B * z) * ce.y1 + 3 * (2 * B * z - z * z) * ce.y2 + 3 * z * z * t.y;
+          return { dx: ne, dy: xe };
+        }, Re = [], rt = [];
+        for (let z = 0; z <= v; z++) {
+          const B = z / v, ne = z === 0 ? e : z === v ? t : en(B, e, ce, t), xe = Sn(B);
+          let Ve = Math.hypot(xe.dx, xe.dy);
+          Ve < 1e-6 && (Ve = 1);
+          const Lt = -xe.dy / Ve, Ht = xe.dx / Ve, Xe = (r + (c - r) * B) / 2;
+          Re.push({ x: ne.x + Lt * Xe, y: ne.y + Ht * Xe }), rt.push({ x: ne.x - Lt * Xe, y: ne.y - Ht * Xe });
+        }
+        let Fe = `M ${Re[0].x.toFixed(2)} ${Re[0].y.toFixed(2)}`;
+        for (let z = 1; z <= v; z++) Fe += ` L ${Re[z].x.toFixed(2)} ${Re[z].y.toFixed(2)}`;
+        for (let z = v; z >= 0; z--) Fe += ` L ${rt[z].x.toFixed(2)} ${rt[z].y.toFixed(2)}`;
+        return Fe += " Z", Fe;
+      }
+      const N = t.x - e.x, T = t.y - e.y;
+      let q = Math.hypot(N, T);
+      q < 1e-6 && (q = 1);
+      const de = -T / q, ye = N / q, ge = r / 2, Be = c / 2, $t = { x: e.x + de * ge, y: e.y + ye * ge }, Bt = { x: e.x - de * ge, y: e.y - ye * ge }, Rt = { x: t.x - de * Be, y: t.y - ye * Be }, At = { x: t.x + de * Be, y: t.y + ye * Be };
+      return `M ${$t.x.toFixed(2)} ${$t.y.toFixed(2)} L ${At.x.toFixed(2)} ${At.y.toFixed(2)} L ${Rt.x.toFixed(2)} ${Rt.y.toFixed(2)} L ${Bt.x.toFixed(2)} ${Bt.y.toFixed(2)} Z`;
+    }
+    const Pe = Y(() => G.value.root.children), nn = Le[0].colors, xt = Y(
+      () => Qn(p.branchPaletteId, p.customPalettes)
+    ), ue = Y(() => {
+      const e = /* @__PURE__ */ new Map();
+      if (!p.rainbowBranch) return e;
+      const t = xt.value.colors.length > 0 ? xt.value.colors : nn;
+      for (let c = 0; c < Pe.value.length; c++) {
+        const v = Pe.value[c];
+        e.set(v.id, t[c % t.length]);
+      }
+      const r = (c, v) => {
+        e.set(c.id, v);
+        for (const o of c.children) r(o, v);
+      };
+      for (let c = 0; c < Pe.value.length; c++) {
+        const v = Pe.value[c];
+        r(v, t[c % t.length]);
+      }
+      return e;
+    });
+    function ln(e, t) {
+      return p.rainbowBranch ? ue.value.get(t.id) ?? ee.value.lineColor : ee.value.lineColor;
+    }
+    function on(e) {
+      const t = _(e.id);
+      if (t.bg) return t.bg;
+      if (e.isRoot) return ee.value.rootBg;
+      if (p.rainbowBranch) {
+        const r = ue.value.get(e.id);
+        if (r) return sn(r, 0.18);
+      }
+      return ee.value.branchBg;
+    }
+    function rn(e) {
+      const t = _(e.id);
+      if (t.textColor) return t.textColor;
+      if (e.isRoot) return ee.value.rootText;
+      if (p.rainbowBranch) {
+        const r = ue.value.get(e.id);
+        if (r) return pt(r, 0.55);
+      }
+      return ee.value.branchText;
+    }
+    function an(e) {
+      const t = _(e.id);
+      if (t.borderColor) return t.borderColor;
+      if (e.isRoot) return ee.value.rootBg;
+      if (p.rainbowBranch) {
+        const r = ue.value.get(e.id);
+        if (r) return pt(r, 0.3);
+      }
+      return ee.value.lineColor;
+    }
+    function un(e) {
+      return _(e.id).fontWeight ?? (e.isRoot ? 600 : 400);
+    }
+    function sn(e, t) {
+      const r = e.replace("#", ""), c = r.length === 6 ? r : r.split("").map((N) => N + N).join(""), v = parseInt(c.slice(0, 2), 16), o = parseInt(c.slice(2, 4), 16), h = parseInt(c.slice(4, 6), 16);
+      return `rgba(${v}, ${o}, ${h}, ${t})`;
+    }
+    function pt(e, t) {
+      const r = e.replace("#", ""), c = r.length === 6 ? r : r.split("").map((N) => N + N).join(""), v = Math.round(parseInt(c.slice(0, 2), 16) * (1 - t)), o = Math.round(parseInt(c.slice(2, 4), 16) * (1 - t)), h = Math.round(parseInt(c.slice(4, 6), 16) * (1 - t));
+      return `rgb(${v}, ${o}, ${h})`;
+    }
+    const M = oi({ getContainer: () => s.value });
+    M.setOnMarqueeEnd(bn), ai({
+      isEditing: () => f.value !== null,
+      isReadonly: () => l.readonly,
+      getSelectedId: () => m.value,
+      getRootId: () => u.value.id,
+      // If nothing is selected, default Tab/Enter to the root so the user
+      // can build a tree from scratch without first clicking somewhere.
+      defaultTargetId: () => u.value.id,
+      onAddChild: me,
+      onAddSibling: Te,
+      onAddSiblingBefore: kt,
+      onRemove: Ct,
+      onStartEdit: $e,
+      onClearSelection: () => {
+        m.value = null, a("select", null);
+      },
+      onDuplicate: Mt,
+      onUndo: nt,
+      onRedo: it,
+      onNavigate: hn,
+      onSelectRoot: () => {
+        m.value = u.value.id;
+        const e = W(u.value, u.value.id);
+        e && a("select", e);
+      }
+    });
+    const G = Y(() => {
+      const e = ke(u.value);
+      return wt(e), Gn(e, { mode: p.layoutMode });
+    }), bt = A([]), tt = Y(() => (ht.value, bt.value));
+    Dt(
+      G,
+      (e) => {
+        const t = [], r = (c) => {
+          t.push(c);
+          for (const v of c.children) r(v);
+        };
+        r(e.root), bt.value = t;
+      },
+      { immediate: !0 }
+    );
+    const dn = Y(() => {
+      const e = [];
+      for (const t of tt.value)
+        for (const r of t.children)
+          e.push({ from: t, to: r, key: `${t.id}->${r.id}` });
+      return e;
+    }), cn = Y(
+      () => `${G.value.vbX} ${G.value.vbY} ${G.value.vbW} ${G.value.vbH}`
+    );
+    function wt(e) {
+      if (y.value.has(e.id)) {
+        e.children = [], e.collapsed = !0;
+        return;
+      }
+      e.collapsed = !1;
+      for (const t of e.children) wt(t);
+    }
+    function $e(e) {
+      const t = W(u.value, e);
+      t && (f.value = e, x.value = t.text, j(() => {
+        const r = document.querySelector(".zm-input");
+        r == null || r.focus(), r == null || r.select();
+      }));
+    }
+    function Oe(e = {}) {
+      if (!f.value) return;
+      const t = W(u.value, f.value);
+      t && t.text !== (x.value.trim() || " ") && (t.text = x.value.trim() || " ", K(), a("change", u.value));
+      const r = f.value;
+      f.value = null, e.addChild ? j(() => me(r)) : e.addSibling === "after" ? j(() => Te(r)) : e.addSibling === "before" && j(() => kt(r));
+    }
+    function fn() {
+      f.value = null;
+    }
+    function vn(e) {
+      const t = e.metaKey || e.ctrlKey;
+      t && (e.key === "z" || e.key === "Z") && !e.shiftKey ? (e.preventDefault(), nt()) : (t && e.shiftKey && (e.key === "z" || e.key === "Z") || t && (e.key === "y" || e.key === "Y") && !e.shiftKey) && (e.preventDefault(), it());
+    }
+    function me(e) {
+      const t = ti(u.value, e, Ge);
+      t && (K(), L(), a("change", u.value), j(() => $e(t.id)));
+    }
+    function Te(e) {
+      if (e === u.value.id) {
+        me(e);
+        return;
+      }
+      const t = ni(u.value, e, Ge);
+      t && (K(), L(), a("change", u.value), j(() => $e(t.id)));
+    }
+    function kt(e) {
+      if (e === u.value.id) {
+        me(e);
+        return;
+      }
+      const t = ii(u.value, e, Ge);
+      t && (K(), L(), a("change", u.value), j(() => $e(t.id)));
+    }
+    function Mt(e) {
+      if (e === u.value.id) return;
+      const t = li(u.value, e);
+      t && (K(), m.value = t.id, a("change", u.value), L());
+    }
+    function nt() {
+      const e = ae.undo();
+      e && (u.value = e.data, m.value = null, a("select", null), L(), a("change", u.value));
+    }
+    function it() {
+      const e = ae.redo();
+      e && (u.value = e.data, m.value = null, a("select", null), L(), a("change", u.value));
+    }
+    function hn(e, t) {
+      const r = m.value ?? u.value.id, c = W(u.value, r);
+      if (!c) return;
+      let v = null;
+      if (t === 1) {
+        const o = te(u.value, c.id);
+        if (o) {
+          const h = o.children.findIndex((N) => N.id === c.id);
+          h >= 0 && h < o.children.length - 1 && (v = o.children[h + 1].id);
+        }
+      } else if (t === -1) {
+        const o = te(u.value, c.id);
+        if (o) {
+          const h = o.children.findIndex((N) => N.id === c.id);
+          h > 0 && (v = o.children[h - 1].id);
+        }
+      } else if (e === 1) {
+        const o = te(u.value, c.id);
+        o && (v = o.id);
+      } else e === -1 && c.children.length > 0 && (v = c.children[0].id);
+      if (v) {
+        m.value = v;
+        const o = W(u.value, v);
+        o && a("select", o);
+      }
+    }
+    function Ct(e) {
+      e !== u.value.id && Yt(u.value, e) && (K(), m.value === e && (m.value = null), L(), a("change", u.value));
+    }
+    function St(e) {
+      y.value.has(e) ? y.value.delete(e) : y.value.add(e), L();
+    }
+    function mn(e, t) {
+      _n(u.value, e, t) && (K(), L(), a("change", u.value));
+    }
+    function yn(e, t, r) {
+      return ei(u.value, e, t, r) ? (K(), L(), a("change", u.value), !0) : !1;
+    }
+    function gn(e, t) {
+      e.stopPropagation(), m.value = t.id;
+      const r = W(u.value, t.id);
+      a("select", r);
+    }
+    function xn(e) {
+      const t = e.target;
+      if (!t || t.closest(".zm-node, .zm-toolbar, button, input, textarea")) return;
+      if (e.button === 2) {
+        M.startPan(e);
+        return;
+      }
+      if (e.button !== 0) return;
+      const r = s.value.getBoundingClientRect(), c = (e.clientX - r.left - M.offsetX.value) / M.scale.value, v = (e.clientY - r.top - M.offsetY.value) / M.scale.value;
+      M.startMarquee(c, v);
+    }
+    function pn(e) {
+      if (_e) {
+        _e = !1;
+        return;
+      }
+      const t = e.target;
+      if (!t || t.closest(".zm-node")) return;
+      const r = M.marquee;
+      r.width >= 4 || r.height >= 4 || m.value !== null && (m.value = null, a("select", null));
+    }
+    function bn() {
+      const e = M.marquee;
+      if (e.width < 4 && e.height < 4)
+        return;
+      const t = e.x, r = e.y, c = e.x + e.width, v = e.y + e.height, o = [];
+      for (const h of tt.value) {
+        const N = h.width / 2, T = h.height / 2, q = h.x - N, de = h.x + N, ye = h.y - T, ge = h.y + T;
+        q <= c && de >= t && ye <= v && ge >= r && o.push(h.id);
+      }
+      if (o.length > 0) {
+        m.value = o[0];
+        const h = W(u.value, o[0]);
+        h && a("select", h);
+      }
+    }
+    function zt(e) {
+      return y.value.has(e);
+    }
+    function wn(e) {
+      const t = W(u.value, e.id);
+      return !!t && t.children.length > 0;
+    }
+    function lt(e) {
+      const t = W(u.value, e);
+      return t ? t.children.length : 0;
+    }
+    function Et(e) {
+      if (!W(u.value, e)) return 0;
+      const c = [u.value];
+      for (; c.length; ) {
+        const v = c.pop(), o = v.children.findIndex((h) => h.id === e);
+        if (o >= 0) return o;
+        for (const h of v.children) c.push(h);
+      }
+      return 0;
+    }
+    function Nt(e, t, r, c) {
+      if (((c == null ? void 0 : c._dir) ?? e._dir) === "down")
+        return t === "out" ? { x: e.x, y: e.y + e.height / 2 } : { x: e.x, y: e.y - e.height / 2 };
+      let o;
+      return t === "in" ? o = -e.side : r !== void 0 ? o = r : o = e.side, { x: e.x + o * (e.width / 2), y: e.y };
+    }
+    function se() {
+      const e = G.value;
+      M.resetView(e.width, e.height, e.root.y);
+    }
+    function kn() {
+      et.value = !0, K(), L(), j(() => se());
+    }
+    function ot(e) {
+      p.layoutMode !== e && (p.layoutMode = e, L(), j(() => se()));
+    }
+    function It() {
+      return JSON.stringify(u.value, null, 2);
+    }
+    function Wt(e) {
+      try {
+        const t = JSON.parse(e);
+        return !t.id || !Array.isArray(t.children) ? !1 : (ae.reset(), u.value = ke(t), m.value = null, y.value = /* @__PURE__ */ new Set(), L(), j(() => se()), a("change", u.value), !0);
+      } catch {
+        return !1;
+      }
+    }
+    function Mn() {
+      const e = document.createElement("input");
+      e.type = "file", e.accept = "application/json", e.onchange = () => {
+        var c;
+        const t = (c = e.files) == null ? void 0 : c[0];
+        if (!t) return;
+        const r = new FileReader();
+        r.onload = () => {
+          typeof r.result == "string" && (Wt(r.result) || alert("导入失败:JSON 格式无效"));
+        }, r.readAsText(t);
+      }, e.click();
+    }
+    function Cn() {
+      const e = new Blob([It()], { type: "application/json" }), t = URL.createObjectURL(e), r = document.createElement("a");
+      r.href = t, r.download = `${u.value.text || "mindmap"}.json`, r.click(), URL.revokeObjectURL(t);
+    }
+    return d({
+      addChild: (e) => me(e),
+      addSibling: (e) => Te(e),
+      removeNode: (e) => Ct(e),
+      duplicateNode: (e) => Mt(e),
+      setNodeText: (e, t) => mn(e, t),
+      moveNode: (e, t, r) => yn(e, t, r),
+      lineWidthForDepth: mt,
+      endWidthForDepth: yt,
+      getData: () => u.value,
+      setData: (e) => {
+        ae.reset(), u.value = ke(e), m.value = null, y.value = /* @__PURE__ */ new Set(), L(), j(() => se());
+      },
+      resetView: () => se(),
+      exportData: It,
+      importData: Wt,
+      // Make balanced the active layout (sticky).  Subsequent data changes
+      // and additions stay in balanced mode.  Pass `false` to revert to the
+      // default compact layout.
+      setBalanced: (e) => {
+        et.value = e;
+      },
+      isBalanced: () => et.value,
+      // Re-balance now: clear all manual drag offsets, re-run the balanced
+      // layout, and re-center the view.  This is the action tied to the
+      // "balance" toolbar button.
+      balance: () => kn(),
+      applyNodeStyle: (e, t) => H(e, t),
+      getNodeStyle: (e) => _(e),
+      applyNodeLink: (e, t) => Se(e, t),
+      removeNodeLink: (e) => ze(e),
+      applyNodeNote: (e, t) => Ee(e, t),
+      removeNodeNote: (e) => Ne(e),
+      undo: () => nt(),
+      redo: () => it(),
+      canUndo: () => ae.canUndo(),
+      canRedo: () => ae.canRedo(),
+      // Settings panel / external mutation hooks
+      applySettings: (e) => {
+        e.autoBalanceOnChange !== void 0 && (p.autoBalanceOnChange = e.autoBalanceOnChange), e.lineWidthStart !== void 0 && (p.lineWidthStart = Math.max(0.5, Math.min(20, e.lineWidthStart))), e.lineWidthEnd !== void 0 && (p.lineWidthEnd = Math.max(0.3, Math.min(10, e.lineWidthEnd))), e.rainbowBranch !== void 0 && (p.rainbowBranch = e.rainbowBranch), e.branchPaletteId !== void 0 && (p.branchPaletteId = e.branchPaletteId), e.customPalettes !== void 0 && (p.customPalettes = e.customPalettes), e.lineStyle !== void 0 && (p.lineStyle = e.lineStyle), e.taperedEdge !== void 0 && (p.taperedEdge = e.taperedEdge), e.showOrderBadge !== void 0 && (p.showOrderBadge = e.showOrderBadge);
+      },
+      getSettings: () => ({
+        autoBalanceOnChange: p.autoBalanceOnChange,
+        lineWidthStart: p.lineWidthStart,
+        lineWidthEnd: p.lineWidthEnd,
+        rainbowBranch: p.rainbowBranch,
+        branchPaletteId: p.branchPaletteId,
+        customPalettes: p.customPalettes,
+        lineStyle: p.lineStyle,
+        layoutMode: p.layoutMode,
+        taperedEdge: p.taperedEdge,
+        showOrderBadge: p.showOrderBadge
+      }),
+      setBranchPalette: (e) => {
+        if (!e) return;
+        [...Le, ...p.customPalettes].find((r) => r.id === e) && (p.branchPaletteId = e);
+      },
+      getBranchPalette: () => p.branchPaletteId,
+      getBranchPalettes: () => [...Le, ...p.customPalettes]
+    }), Dt(
+      () => l.data,
+      (e) => {
+        u.value = ke(e), L();
+      },
+      { deep: !1 }
+    ), ut(() => {
+      j(() => se());
+    }), (e, t) => {
+      var r, c, v;
+      return w(), k("div", {
+        class: "zm-mindmap",
+        style: oe({ background: ee.value.bgColor, fontSize: ee.value.fontSize + "px" })
+      }, [
+        g("div", {
+          ref_key: "wrapperRef",
+          ref: s,
+          class: "zm-canvas",
+          onMousedown: xn,
+          onContextmenu: t[13] || (t[13] = $(() => {
+          }, ["prevent"])),
+          onWheel: t[14] || (t[14] = //@ts-ignore
+          (...o) => S(M).onWheel && S(M).onWheel(...o)),
+          onClick: pn
+        }, [
+          g("div", {
+            class: "zm-svg-layer",
+            style: oe({
+              left: G.value.vbX * S(M).scale.value + S(M).offsetX.value + "px",
+              top: G.value.vbY * S(M).scale.value + S(M).offsetY.value + "px",
+              width: G.value.vbW * S(M).scale.value + "px",
+              height: G.value.vbH * S(M).scale.value + "px"
+            })
+          }, [
+            (w(), k("svg", {
+              class: "zm-svg",
+              viewBox: cn.value,
+              preserveAspectRatio: "xMinYMin meet",
+              width: G.value.vbW * S(M).scale.value,
+              height: G.value.vbH * S(M).scale.value
+            }, [
+              g("g", gi, [
+                (w(!0), k(R, null, Pt(dn.value, (o) => (w(), k("path", {
+                  key: o.key,
+                  d: tn(Nt(o.from, "out", o.to.side, o.to), Nt(o.to, "in"), mt(o.from.depth), yt(o.to.depth), 32, p.lineStyle, o.to._dir),
+                  fill: ln(o.from, o.to),
+                  stroke: "none"
+                }, null, 8, xi))), 128))
+              ])
+            ], 8, yi))
+          ], 4),
+          S(M).isMarquee.value ? (w(), k("div", {
+            key: 0,
+            class: "zm-marquee",
+            style: oe({
+              left: S(M).marquee.x * S(M).scale.value + S(M).offsetX.value + "px",
+              top: S(M).marquee.y * S(M).scale.value + S(M).offsetY.value + "px",
+              width: S(M).marquee.width * S(M).scale.value + "px",
+              height: S(M).marquee.height * S(M).scale.value + "px"
+            })
+          }, null, 4)) : D("", !0),
+          g("div", {
+            class: "zm-world",
+            style: oe({
+              transform: `translate(${S(M).offsetX.value}px, ${S(M).offsetY.value}px) scale(${S(M).scale.value})`
+            })
+          }, [
+            (w(!0), k(R, null, Pt(tt.value, (o) => (w(), k("div", {
+              key: o.id,
+              class: be(["zm-node", {
+                "is-root": o.isRoot,
+                "is-selected": m.value === o.id,
+                "is-editing": f.value === o.id,
+                "has-image": !!o.image,
+                "is-resizing": jt.value === o.id
+              }]),
+              "data-node-id": o.id,
+              style: oe({
+                left: o.x + "px",
+                top: o.y + "px",
+                minWidth: o.width + "px",
+                height: o.height + "px",
+                fontSize: o.fontSize + "px",
+                background: on(o),
+                color: rn(o),
+                borderColor: an(o),
+                fontWeight: un(o),
+                // Center the box on (x, y) with translate(-50%, -50%)
+                transform: "translate(-50%, -50%)"
+              }),
+              onClick: (h) => gn(h, o),
+              onDblclick: (h) => {
+                h.stopPropagation(), n.readonly || $e(o.id);
+              },
+              onContextmenu: (h) => E(h, o),
+              onMouseenter: (h) => Zt(o.id),
+              onMouseleave: (h) => Qt(o.id)
+            }, [
+              o.image ? (w(), k("img", {
+                key: 0,
+                class: "zm-node-img",
+                src: o.image.src,
+                width: o.image.width,
+                height: o.image.height,
+                alt: o.text,
+                draggable: "false"
+              }, null, 8, bi)) : D("", !0),
+              f.value !== o.id ? (w(), k("span", wi, [
+                g("span", ki, ve(o.text), 1),
+                o.link && !f.value ? (w(), k("a", {
+                  key: 0,
+                  class: "zm-node-link",
+                  href: o.link.url,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  title: `打开链接：${o.link.url}`,
+                  onClick: t[0] || (t[0] = $(() => {
+                  }, ["stop"])),
+                  onMousedown: t[1] || (t[1] = $(() => {
+                  }, ["stop"]))
+                }, [
+                  P(O, {
+                    name: "link",
+                    size: 11,
+                    stroke: 2
+                  })
+                ], 40, Mi)) : D("", !0),
+                o.note && !f.value ? (w(), k("button", {
+                  key: 1,
+                  class: "zm-node-note-btn",
+                  type: "button",
+                  title: Gt(o.note.text),
+                  onClick: $((h) => re(o.id), ["stop"]),
+                  onMousedown: t[2] || (t[2] = $(() => {
+                  }, ["stop"]))
+                }, [
+                  P(O, {
+                    name: "note",
+                    size: 11,
+                    stroke: 2
+                  })
+                ], 40, Ci)) : D("", !0)
+              ])) : zn((w(), k("input", {
+                key: 2,
+                class: "zm-input",
+                "onUpdate:modelValue": t[3] || (t[3] = (h) => x.value = h),
+                autofocus: "",
+                onBlur: t[4] || (t[4] = (h) => Oe()),
+                onKeydown: [
+                  t[5] || (t[5] = qe($((h) => Oe({ addSibling: "after" }), ["exact"]), ["enter"])),
+                  t[6] || (t[6] = qe($((h) => Oe({ addSibling: "before" }), ["shift", "prevent", "exact"]), ["enter"])),
+                  t[7] || (t[7] = qe($((h) => Oe({ addChild: !0 }), ["prevent"]), ["tab"])),
+                  qe(fn, ["esc"]),
+                  vn
+                ],
+                onMousedown: t[8] || (t[8] = $(() => {
+                }, ["stop"])),
+                onClick: t[9] || (t[9] = $(() => {
+                }, ["stop"]))
+              }, null, 544)), [
+                [En, x.value]
+              ]),
+              b.value ? (w(), k("span", {
+                key: 3,
+                class: "zm-order-badge",
+                title: `数据顺序：第 ${Et(o.id) + 1} 个`
+              }, ve(Et(o.id) + 1), 9, Si)) : D("", !0),
+              zt(o.id) && !o.isRoot && lt(o.id) > 0 ? (w(), k("span", {
+                key: 4,
+                class: be(["zm-collapse-badge", { "is-on-left": o.side === -1 }]),
+                style: oe({ background: ue.value.get(o.id) ?? "#64748b" }),
+                title: `展开 ${lt(o.id)} 个子节点`,
+                onMousedown: t[10] || (t[10] = $(() => {
+                }, ["stop"])),
+                onClick: $((h) => St(o.id), ["stop"])
+              }, ve(lt(o.id)), 47, zi)) : D("", !0),
+              !n.readonly && !o.isRoot && wn(o) && !zt(o.id) ? (w(), k("button", {
+                key: 5,
+                class: be(["zm-btn zm-collapse", { "is-on-left": o.side === -1 }]),
+                style: oe({ color: ue.value.get(o.id) ?? "#64748b", borderColor: ue.value.get(o.id) ?? "#64748b" }),
+                title: "折叠",
+                onMousedown: t[11] || (t[11] = $(() => {
+                }, ["stop"])),
+                onClick: $((h) => St(o.id), ["stop"])
+              }, [
+                P(O, {
+                  name: "minus",
+                  size: 10,
+                  stroke: 2.4
+                })
+              ], 46, Ei)) : D("", !0),
+              o.image && m.value === o.id && f.value !== o.id ? (w(), k("span", {
+                key: 6,
+                class: "zm-img-resize-handle",
+                title: "拖动调整图片大小",
+                onMousedown: $((h) => Jt(h, o), ["stop"])
+              }, null, 40, Ni)) : D("", !0),
+              o.image && m.value === o.id && f.value !== o.id ? (w(), k("button", {
+                key: 7,
+                class: "zm-img-remove-btn",
+                title: "移除图片",
+                onMousedown: t[12] || (t[12] = $(() => {
+                }, ["stop"])),
+                onClick: $((h) => He(o.id), ["stop"])
+              }, [
+                P(O, {
+                  name: "x",
+                  size: 9,
+                  stroke: 2.2
+                })
+              ], 40, Ii)) : D("", !0)
+            ], 46, pi))), 128))
+          ], 4),
+          F.value ? (w(), Nn(mi, {
+            key: 1,
+            x: F.value.x,
+            y: F.value.y,
+            container: s.value,
+            "has-image": !!((r = S(W)(u.value, F.value.nodeId)) != null && r.image),
+            "has-link": !!((c = S(W)(u.value, F.value.nodeId)) != null && c.link),
+            "has-note": !!((v = S(W)(u.value, F.value.nodeId)) != null && v.note),
+            readonly: l.readonly,
+            onPickImage: X,
+            onRemoveImage: Ie,
+            onSetLink: U,
+            onRemoveLink: Z,
+            onEditNote: Q,
+            onRemoveNote: he,
+            onClose: V
+          }, null, 8, ["x", "y", "container", "has-image", "has-link", "has-note", "readonly"])) : D("", !0)
+        ], 544),
+        l.previewMode ? D("", !0) : (w(), k("div", Wi, [
+          g("button", {
+            class: "zm-tb-btn",
+            title: "放大",
+            onClick: t[15] || (t[15] = //@ts-ignore
+            (...o) => S(M).zoomIn && S(M).zoomIn(...o))
+          }, [
+            P(O, { name: "zoom-in" })
+          ]),
+          g("button", {
+            class: "zm-tb-btn",
+            title: "缩小",
+            onClick: t[16] || (t[16] = //@ts-ignore
+            (...o) => S(M).zoomOut && S(M).zoomOut(...o))
+          }, [
+            P(O, { name: "zoom-out" })
+          ]),
+          g("button", {
+            class: "zm-tb-btn",
+            title: "重置视图",
+            onClick: se
+          }, [
+            P(O, { name: "reset" })
+          ]),
+          t[22] || (t[22] = g("span", { class: "zm-tb-divider" }, null, -1)),
+          n.readonly ? D("", !0) : (w(), k("button", {
+            key: 0,
+            class: "zm-tb-btn",
+            title: "添加子节点 (Tab)",
+            onClick: t[17] || (t[17] = (o) => m.value && me(m.value))
+          }, [
+            g("img", {
+              src: S(Rn),
+              width: "14",
+              height: "14",
+              alt: "添加子节点",
+              draggable: "false"
+            }, null, 8, $i)
+          ])),
+          n.readonly ? D("", !0) : (w(), k("button", {
+            key: 1,
+            class: "zm-tb-btn",
+            title: "添加同级 (Enter)",
+            onClick: t[18] || (t[18] = (o) => m.value && Te(m.value))
+          }, [
+            g("img", {
+              src: S(Bn),
+              width: "14",
+              height: "14",
+              alt: "添加同级",
+              draggable: "false"
+            }, null, 8, Bi)
+          ])),
+          t[23] || (t[23] = g("span", { class: "zm-tb-divider" }, null, -1)),
+          g("button", {
+            class: be(["zm-tb-btn", { active: p.layoutMode === "mindmap" }]),
+            title: "思维导图布局 (中心辐射)",
+            onClick: t[19] || (t[19] = (o) => ot("mindmap"))
+          }, [
+            P(O, { name: "mindmap" })
+          ], 2),
+          g("button", {
+            class: be(["zm-tb-btn", { active: p.layoutMode === "tree" }]),
+            title: "树形布局 (向右展开)",
+            onClick: t[20] || (t[20] = (o) => ot("tree"))
+          }, [
+            P(O, { name: "tree" })
+          ], 2),
+          g("button", {
+            class: be(["zm-tb-btn", { active: p.layoutMode === "org" }]),
+            title: "组织结构布局 (向下展开)",
+            onClick: t[21] || (t[21] = (o) => ot("org"))
+          }, [
+            P(O, { name: "org" })
+          ], 2),
+          t[24] || (t[24] = g("span", { class: "zm-tb-divider" }, null, -1)),
+          n.readonly ? D("", !0) : (w(), k("button", {
+            key: 2,
+            class: "zm-tb-btn",
+            title: "导入 JSON",
+            onClick: Mn
+          }, [
+            P(O, { name: "import" })
+          ])),
+          g("button", {
+            class: "zm-tb-btn",
+            title: "导出 JSON",
+            onClick: Cn
+          }, [
+            P(O, { name: "export" })
+          ]),
+          g("span", Ri, ve(Math.round(S(M).scale.value * 100)) + "%", 1)
+        ]))
+      ], 4);
+    };
+  }
+}), Hi = {
+  install(n) {
+    n.component("FlowMindMap", Ai);
+  }
+};
+export {
+  Ai as MindMap,
+  ti as addChild,
+  ni as addSibling,
+  ke as clone,
+  Hi as default,
+  W as findNode,
+  te as findParent,
+  Yt as removeNode,
+  Ze as uid
+};