@bireturn/word-editor 1.0.4 → 1.0.6

package/lib/word-editor.es.js

@@ -0,0 +1,2978 @@
+var yn = Object.defineProperty;
+var bn = (t, e, n) => e in t ? yn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var D = (t, e, n) => bn(t, typeof e != "symbol" ? e + "" : e, n);
+import { computed as ce, ref as ne, onMounted as vt, onUnmounted as at, openBlock as u, createElementBlock as v, normalizeStyle as N, createElementVNode as Q, Fragment as W, renderList as Y, normalizeClass as Fe, createBlock as Ie, resolveDynamicComponent as lt, toDisplayString as J, unref as V, createCommentVNode as me, render as Vt, h as _n, defineComponent as xn, getCurrentInstance as kn, watch as Ke, nextTick as we, createVNode as U, createTextVNode as Be, isVNode as wn, renderSlot as Cn, resolveComponent as Mn, inject as jt, withCtx as Ue, provide as Kt, createSlots as In, reactive as qt } from "vue";
+import { DynamicScroller as En, DynamicScrollerItem as Sn } from "vue-virtual-scroller";
+import { ChevronRight as Ut, MoreHorizontal as kt, Download as dt, Upload as Tn, Save as Fn, RotateCcw as An, History as Pn, Settings as $n, Info as Rn, Globe as Ln, Lock as Hn, Share as On, ShieldCheck as Bn, Search as Dn, Filter as Nn, SortDesc as zn, SortAsc as Vn, Minus as jn, Plus as wt, Eye as Ct, FileText as ut, Grid as Kn, Type as Mt, FileDown as It, Layers as Et, Edit as qn, Move as Un, Copy as Wn, Trash2 as St, Clipboard as Tt, PlusCircle as Ft, ArrowDown as At, Navigation as Pt, ChevronDown as Gn, PanelLeftOpen as Jn, ListTree as Xn, PanelLeftClose as Yn } from "lucide-vue-next";
+const Zn = { class: "we-vt-context-menu--option-wrapper modern-menu-wrapper" }, Qn = ["onMouseenter", "onMouseleave"], ei = ["onClick"], ti = { class: "we-vt-context-menu--link-content menu-label" }, ni = {
+  key: 0,
+  class: "we-vt-context-menu--submenu modern-submenu"
+}, ii = ["onClick"], li = { class: "we-vt-context-menu--link-content submenu-label" }, oi = {
+  __name: "ContextMenu",
+  props: {
+    // 事件
+    e: {
+      type: Object,
+      default: () => ({})
+    },
+    // 右键点击行数据
+    row: {
+      type: Object,
+      default: () => ({})
+    },
+    // 右键菜单配置
+    menuConfig: {
+      type: Object,
+      default: () => ({
+        body: {}
+      })
+    }
+  },
+  emits: ["close", "menuClick"],
+  setup(t, { emit: e }) {
+    const n = e, l = t, o = ce(() => {
+      var H, F;
+      return {
+        left: `${(H = l.e) == null ? void 0 : H.pageX}px`,
+        top: `${(F = l.e) == null ? void 0 : F.pageY}px`
+      };
+    }), r = ne([]), y = ne(null);
+    let s = null;
+    const m = ne(), h = (H, F, f) => {
+      if (H.children && H.children.length > 0) {
+        F && F.preventDefault() && F.stopPropagation();
+        return;
+      }
+      H.disabled || (f ? n("menuClick", { ...H, parent: f.code }, l.row) : n("menuClick", H, l.row)), F && F.preventDefault() && F.stopPropagation();
+    }, S = (H) => {
+      let F = H.target;
+      for (; F && F != m.value; )
+        F = F.parentNode;
+      F != m.value && n("close");
+    }, T = (H, F) => {
+      H.currentTarget.classList.add("link--active"), s && (clearTimeout(s), s = null), F.children && F.children.length > 0 ? y.value = F.code : s = setTimeout(() => {
+        y.value = null;
+      }, 100);
+    }, L = (H, F) => {
+      H.currentTarget.classList.remove("link--active"), F.children && F.children.length > 0 && (s = setTimeout(() => {
+        y.value === F.code && (y.value = null);
+      }, 300));
+    }, x = (H) => {
+      s && (clearTimeout(s), s = null), H.currentTarget.classList.add("link--active");
+    }, q = (H) => {
+      H.currentTarget.classList.remove("link--active");
+    }, ie = (H) => {
+      const F = H.code || "", f = (H.name || "").toLowerCase(), C = {
+        // 添加操作 - 根据具体类型使用不同图标
+        "add-current": Pt,
+        // 添加（当前位置）
+        "add-next": At,
+        // 添加（下一行）
+        "add-child": Ft,
+        // 添加（子节点）
+        // 基本操作
+        paste: Tt,
+        // 粘贴
+        delete: St,
+        // 删除
+        copy: Wn,
+        // 复制
+        cut: Un,
+        // 剪切
+        edit: qn,
+        // 编辑
+        // 导出操作 - 根据范围使用不同图标
+        export_part_section: Et,
+        // 导出此节点所在节
+        export_part_chapter: It,
+        // 导出此节点所在章
+        export_full: dt,
+        // 完整导出
+        // 文件格式
+        pdf: ut,
+        // PDF格式
+        word: Mt,
+        // WORD格式
+        excel: Kn,
+        // Excel格式
+        txt: ut,
+        // 文本格式
+        // 视图操作
+        view: Ct,
+        // 查看
+        preview: Ct,
+        // 预览
+        expand: wt,
+        // 展开
+        collapse: jn,
+        // 折叠
+        // 排序和过滤
+        "sort-asc": Vn,
+        // 升序
+        "sort-desc": zn,
+        // 降序
+        filter: Nn,
+        // 过滤
+        search: Dn,
+        // 搜索
+        // 权限操作
+        permission: Bn,
+        // 权限设置
+        share: On,
+        // 分享
+        lock: Hn,
+        // 锁定
+        unlock: Ln,
+        // 解锁
+        // 其他操作
+        info: Rn,
+        // 信息
+        settings: $n,
+        // 设置
+        history: Pn,
+        // 历史
+        refresh: An,
+        // 刷新
+        save: Fn,
+        // 保存
+        upload: Tn,
+        // 上传
+        download: dt,
+        // 下载
+        more: kt
+        // 更多
+      };
+      return C[F] ? C[F] : f.includes("添加") || f.includes("add") ? f.includes("当前") || f.includes("current") ? Pt : f.includes("下") || f.includes("next") ? At : f.includes("子") || f.includes("child") ? Ft : wt : f.includes("导出") || f.includes("export") ? f.includes("节") || f.includes("section") ? Et : f.includes("章") || f.includes("chapter") ? It : dt : f.includes("粘贴") || f.includes("paste") ? Tt : f.includes("删除") || f.includes("delete") ? St : f.includes("pdf") ? ut : f.includes("word") ? Mt : kt;
+    };
+    return vt(() => {
+      var H, F, f, C, P, I, $;
+      (H = l.menuConfig) != null && H.visibleMethod && typeof ((F = l.menuConfig) == null ? void 0 : F.visibleMethod) == "function" && ((P = l.menuConfig) == null || P.visibleMethod({
+        options: (C = (f = l.menuConfig) == null ? void 0 : f.body) == null ? void 0 : C.options,
+        row: l.row
+      })), r.value = ((($ = (I = l.menuConfig) == null ? void 0 : I.body) == null ? void 0 : $.options) || []).flat(), document.addEventListener("click", S, !0);
+    }), at(() => {
+      document.removeEventListener("click", S, !0);
+    }), (H, F) => (u(), v("div", {
+      class: "we-vt-table--context-menu-wrapper virtual-table-menu modern-virtual-menu",
+      ref_key: "contextMenuRef",
+      ref: m,
+      style: N([{ display: "inline-block" }, o.value])
+    }, [
+      Q("ul", Zn, [
+        (u(!0), v(W, null, Y(r.value, (f) => (u(), v("li", {
+          class: Fe({
+            "link--disabled": f.disabled,
+            "has-children": f.children && f.children.length > 0,
+            "modern-menu-item": !0
+          }),
+          key: f.code,
+          onMouseenter: (C) => T(C, f),
+          onMouseleave: (C) => L(C, f)
+        }, [
+          Q("a", {
+            class: "we-vt-context-menu--link modern-menu-link",
+            onClick: (C) => h(f, C)
+          }, [
+            (u(), Ie(lt(ie(f)), {
+              size: 16,
+              class: "menu-icon"
+            })),
+            Q("span", ti, J(f.name), 1),
+            f.children && f.children.length > 0 ? (u(), Ie(V(Ut), {
+              key: 0,
+              size: 14,
+              class: "submenu-arrow"
+            })) : me("", !0)
+          ], 8, ei),
+          f.children && f.children.length > 0 && y.value === f.code ? (u(), v("ul", ni, [
+            (u(!0), v(W, null, Y(f.children, (C) => (u(), v("li", {
+              key: C.code,
+              class: Fe({
+                "link--disabled": C.disabled,
+                "modern-submenu-item": !0
+              }),
+              onMouseenter: x,
+              onMouseleave: q
+            }, [
+              Q("a", {
+                class: "we-vt-context-menu--link modern-submenu-link",
+                onClick: (P) => h(C, P, f)
+              }, [
+                (u(), Ie(lt(ie(C)), {
+                  size: 14,
+                  class: "submenu-icon"
+                })),
+                Q("span", li, J(C.name), 1)
+              ], 8, ii)
+            ], 34))), 128))
+          ])) : me("", !0)
+        ], 42, Qn))), 128))
+      ])
+    ], 4));
+  }
+}, Wt = Symbol("component_container");
+function ai(t, e, n) {
+  const l = _n(t, { ...e }, n), o = document.createElement("div");
+  return document.body.appendChild(o), l[Wt] = o, Vt(l, o), l.component;
+}
+function si(t) {
+  var n;
+  const e = t.vnode[Wt];
+  Vt(null, e), e != null && e.checkVisibility && (e != null && e.checkVisibility()) && ((n = document.body) == null || n.removeChild(e));
+}
+let Gt;
+const ri = (t) => {
+  Gt = ai(oi, t, null);
+}, ci = function(t) {
+  const e = t.onClose;
+  return t.onClose = () => {
+    e && e.call(), si(Gt);
+  }, ri(t), t;
+};
+function di(t, e, n) {
+  const l = (n == null ? void 0 : n.keyField) || (n == null ? void 0 : n.rowField) || "node_id", o = (n == null ? void 0 : n.parentField) || "parent_id", r = (n == null ? void 0 : n.parentField) || "order";
+  if (!(t != null && t.length))
+    return t;
+  const y = {};
+  t.forEach((S) => {
+    const T = S[o];
+    y[T] || (y[T] = []), y[T].push(S);
+  });
+  function s(S) {
+    const T = y[S] || [];
+    T.sort(
+      (x, q) => x[r] && q[r] ? x[r] - q[r] : 0
+    );
+    const L = [];
+    return T.forEach((x) => {
+      L.push(x), L.push(...s(x[l]));
+    }), L;
+  }
+  let m = [];
+  if (Array.isArray(e))
+    m = e;
+  else {
+    const S = new Set(t.map((x) => x[l])), T = t.filter((x) => !S.has(x[o]));
+    if (T.length === 0)
+      throw new Error("无法确定根节点：可能存在循环引用或数据不完整");
+    const L = {};
+    T.forEach((x) => {
+      const q = x[o];
+      L[q] = (L[q] || 0) + 1;
+    }), m = Object.entries(L).map(([x]) => x);
+  }
+  let h = [];
+  return m.forEach((S) => {
+    h = h.concat(s(S));
+  }), h;
+}
+function $t(t, e, n) {
+  let l;
+  for (; t && t.nodeType && t !== document; ) {
+    if (t.className && t.className.split && t.className.split(" ").indexOf(e) > -1)
+      return l = t, l;
+    if (t === n)
+      return null;
+    t = t.parentNode;
+  }
+  return l;
+}
+function ui(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !wn(t);
+}
+const hi = /* @__PURE__ */ xn({
+  name: "VirtualTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0,
+      default: () => []
+    },
+    rowConfig: {
+      type: Object,
+      default: () => ({
+        keyField: "node_id"
+      })
+    },
+    // 配置editConfig后才可双击编辑
+    editConfig: {
+      type: Object,
+      default: null
+    },
+    // 配置treeConfig后才可会做树排序
+    treeConfig: {
+      type: Object,
+      default: null
+    },
+    menuConfig: {
+      type: Object,
+      default: () => ({
+        body: {}
+      })
+    },
+    showHeader: {
+      type: Boolean,
+      default: !0
+    },
+    rowClassName: {
+      type: Function,
+      default: null
+    },
+    // A4页面配置
+    pageConfig: {
+      type: Object,
+      default: () => ({
+        enabled: !1,
+        // 是否启用A4页面模式
+        pageHeight: 842,
+        // A4页面高度 (297mm * 3.78px/mm)
+        pageWidth: 595,
+        // A4页面宽度 (210mm * 3.78px/mm)
+        margin: 40,
+        // 页面边距
+        gap: 10,
+        // 页面间隔
+        showPageHeader: !0,
+        // 是否显示页眉
+        showPageBorder: !1,
+        // 是否显示内容区边框
+        pageBorderPadding: 5,
+        // 内容区边框内边距（px）
+        pageBorderStyle: "1px solid #000",
+        // 内容区边框样式
+        headerHeight: 0,
+        // 页眉占用高度（px），从内容区高度中扣除
+        footerHeight: 0,
+        // 页脚占用高度（px），从内容区高度中扣除
+        showPageNumber: !0
+        // 是否显示默认页码
+      })
+    },
+    // 页面数据映射 - key是页码，value是node_id数组，用于和pdf分页对应
+    pageData: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["current-change", "menu-click", "edit-activated", "edit-closed", "scroll-end", "selection-change"],
+  setup(t, {
+    emit: e,
+    slots: n,
+    expose: l
+  }) {
+    var xt;
+    const o = kn(), r = ne(), y = ne(!1), s = ne(null), m = ne(null), h = ne([]);
+    let S = /* @__PURE__ */ new Map();
+    const T = /* @__PURE__ */ new Map();
+    ne(0);
+    const L = ne([]);
+    ne([]);
+    const x = ne(/* @__PURE__ */ new Set()), q = ne(/* @__PURE__ */ new Set()), ie = ne(null), H = 2, F = /* @__PURE__ */ new WeakMap(), f = ne(null), C = ne(""), P = /* @__PURE__ */ new Set(), I = ce(() => {
+      try {
+        return Array.isArray(h.value) ? h.value : [];
+      } catch {
+        return [];
+      }
+    }), $ = (i) => {
+      var p, d, g;
+      if (!i) return 30;
+      if (i.height) return i.height;
+      const a = `${i.content_type}_${((p = i.content) == null ? void 0 : p.length) || 0}_${((d = i.title) == null ? void 0 : d.length) || 0}_${i._editing ? 1 : 0}`;
+      if (F.has(i)) {
+        const w = F.get(i);
+        if (w.key === a)
+          return w.height;
+      }
+      let c = 30;
+      switch (i.content_type) {
+        case "image":
+          c = 150;
+          break;
+        case "table-row":
+          c = i.rowHeight || 35;
+          break;
+        case "table":
+          const k = ((i.content || "").match(/<tr/g) || []).length;
+          c = Math.max(100, k * 35 + 30);
+          break;
+        case "flowchart":
+          c = 200;
+          break;
+        default: {
+          const b = (i.content || "").length, _ = (i.title || "").length, M = b + _, A = ((g = (i.content || "").match(/[\u4e00-\u9fa5]/g)) == null ? void 0 : g.length) || 0, O = M - A, E = A * 12 + O * 6, R = Math.max(1, Math.ceil(E / 760));
+          c = Math.max(20, R * 18), i._editing && (c += 20);
+          break;
+        }
+      }
+      return F.set(i, {
+        key: a,
+        height: c
+      }), c;
+    }, Z = ce(() => {
+      if (I.value.length === 0) return 30;
+      const i = I.value.slice(0, Math.min(100, I.value.length));
+      if (i.length === 0) return 30;
+      const a = i.reduce((p, d) => p + $(d), 0) / i.length, c = Math.max(20, Math.floor(a * 0.6));
+      return Math.min(c, 60);
+    });
+    let oe;
+    const st = (i, a) => {
+      e("menu-click", {
+        menu: i,
+        row: a
+      }), oe == null || oe.onClose(), oe = null;
+    }, z = (i) => {
+      var c, p, d, g, w;
+      if (!((d = (p = (c = t.menuConfig) == null ? void 0 : c.body) == null ? void 0 : p.options) != null && d.length)) return;
+      oe == null || oe.onClose(), oe = null;
+      let a = i.target;
+      for (; a && (a != null && a.getAttribute) && !(a != null && a.getAttribute("data-id")) && a !== ((g = r.value) == null ? void 0 : g.$el); )
+        a = a.parentNode;
+      if ((w = a == null ? void 0 : a.getAttribute) != null && w.call(a, "data-id")) {
+        const k = a.getAttribute("data-id"), b = Te(k);
+        b && (oe = ci({
+          e: i,
+          row: b,
+          menuConfig: t.menuConfig,
+          onMenuClick: st
+        }), i.preventDefault(), i.stopPropagation());
+      }
+    }, ge = (i) => {
+      var c, p, d;
+      if (!s.value)
+        return;
+      let a = i.target;
+      for (; a && (a != null && a.getAttribute) && !(a != null && a.getAttribute("data-id")) && a !== ((c = r.value) == null ? void 0 : c.$el); )
+        if (a = a.parentNode, a != null && a.classList && ["el-popper", "ck-body-wrapper"].some((g) => a.classList.contains(g)))
+          return;
+      ((p = a == null ? void 0 : a.getAttribute) == null ? void 0 : p.call(a, "data-id")) != ((d = s.value) == null ? void 0 : d.node_id) && (s.value._editing = !1, e("edit-closed", {
+        row: s.value,
+        column: {},
+        $table: o == null ? void 0 : o.exposed
+      }), s.value = null);
+    };
+    ((xt = t.editConfig) == null ? void 0 : xt.trigger) === "dblclick" && Ke(() => s.value, (i) => {
+      document.removeEventListener("click", ge, !0), i && setTimeout(() => {
+        document.addEventListener("click", ge, !0);
+      }, 200);
+    });
+    const be = (i) => JSON.stringify(i.map((a) => {
+      var c;
+      return {
+        id: a[t.rowConfig.keyField],
+        content: ((c = a.content) == null ? void 0 : c.length) || 0,
+        type: a.content_type,
+        editing: a._editing
+      };
+    })), Ce = () => {
+      if (!t.pageConfig.enabled) {
+        L.value = [{
+          items: h.value,
+          startIndex: 0,
+          endIndex: h.value.length
+        }];
+        return;
+      }
+      if (t.pageData && Object.keys(t.pageData).length) {
+        const i = [], a = t.rowConfig.keyField || "node_id", c = /* @__PURE__ */ new Map();
+        h.value.forEach((d) => {
+          c.set(String(d[a]), d);
+        }), Object.keys(t.pageData).sort((d, g) => parseInt(d) - parseInt(g)).forEach((d) => {
+          const g = t.pageData[d], w = [];
+          g.forEach((k) => {
+            const b = c.get(String(k));
+            b && w.push(b);
+          }), w.length > 0 && i.push({
+            items: w,
+            pageNumber: parseInt(d),
+            height: w.reduce((k, b) => k + $(b), 0)
+          });
+        }), L.value = i;
+      } else {
+        const {
+          pageHeight: i,
+          margin: a,
+          headerHeight: c = 0,
+          footerHeight: p = 0
+        } = t.pageConfig, g = Math.max(100, i - a * 2 - c - p - 20), w = [];
+        let k = [], b = 0, _ = 0, M = 1;
+        h.value.forEach((A, O) => {
+          const E = $(A);
+          (A.layer || 0) <= 2 && k.length > 0 ? (w.push({
+            items: [...k],
+            startIndex: _,
+            endIndex: O,
+            height: b,
+            pageNumber: M++
+          }), k = [A], b = E, _ = O) : b + E > g && k.length > 0 ? (w.push({
+            items: [...k],
+            startIndex: _,
+            endIndex: O,
+            height: b,
+            pageNumber: M++
+          }), k = [A], b = Math.min(E, g), _ = O) : (k.push(A), b += E);
+        }), k.length > 0 && w.push({
+          items: k,
+          startIndex: _,
+          endIndex: h.value.length,
+          height: b,
+          pageNumber: M
+        }), L.value = w;
+      }
+    }, ze = () => {
+      try {
+        const i = Array.isArray(t.data) ? t.data : [], a = be(i);
+        if (!(a !== C.value) && h.value.length > 0)
+          return;
+        C.value = a;
+        const p = (t.treeConfig ? di(i, void 0, t.treeConfig) : i).map((g, w) => {
+          const k = g[t.rowConfig.keyField], b = T.get(k);
+          if (!b || b.content !== g.content || b.content_type !== g.content_type) {
+            P.add(k);
+            const _ = {
+              ...g,
+              index: w,
+              _editing: g._editing || !1,
+              _original: (b == null ? void 0 : b._original) || {
+                ...g
+              }
+              // 保留原始数据，避免重复深拷贝
+            };
+            return T.set(k, _), _;
+          }
+          return b.index = w, b;
+        });
+        h.value = p, Ce();
+        const d = new Set(p.map((g) => g[t.rowConfig.keyField]));
+        for (const [g] of T)
+          d.has(g) || (T.delete(g), P.delete(g));
+      } catch {
+        h.value = [], L.value = [], T.clear(), P.clear();
+      }
+    };
+    Ke(() => t.data, (i, a) => {
+      try {
+        if (!Array.isArray(i))
+          return;
+        we(() => {
+          if (ze(), t.pageConfig.enabled) {
+            q.value.clear(), x.value.clear();
+            for (let c = 0; c < Math.min(3, L.value.length); c++)
+              q.value.add(c);
+            we(() => {
+              ue();
+            });
+          }
+        });
+      } catch {
+      }
+    }, {
+      deep: !1,
+      immediate: !1
+    }), Ke(() => t.pageData, () => {
+      if (t.pageConfig.enabled) {
+        Ce(), q.value.clear(), x.value.clear();
+        for (let i = 0; i < Math.min(3, L.value.length); i++)
+          q.value.add(i);
+        we(() => {
+          ue();
+        });
+      }
+    }, {
+      deep: !0
+    }), Ke(() => t.pageConfig, () => {
+      if (t.pageConfig.enabled) {
+        Ce(), q.value.clear(), x.value.clear();
+        for (let i = 0; i < Math.min(3, L.value.length); i++)
+          q.value.add(i);
+        we(() => {
+          ue();
+        });
+      }
+    }, {
+      deep: !0
+    }), Ke(m, () => e("current-change", {
+      row: m.value
+    }));
+    let Ae = null;
+    const _e = () => {
+      window.ResizeObserver && (Ae = new ResizeObserver((i) => {
+        var a, c;
+        for (const p of i) {
+          const d = (a = p.target.dataset) == null ? void 0 : a.id;
+          if (!d) continue;
+          const g = Te(d);
+          if (!g) continue;
+          const w = p.contentRect.height, k = ((c = F.get(g)) == null ? void 0 : c.height) || 0;
+          if (Math.abs(k - w) > 5) {
+            const b = F.get(g) || {};
+            F.set(g, {
+              ...b,
+              height: w
+            }), requestAnimationFrame(() => {
+              var M;
+              const _ = p.target.__vueParentComponent;
+              (M = _ == null ? void 0 : _.proxy) != null && M.updateSize && _.proxy.updateSize();
+            });
+          }
+        }
+      }), we(() => {
+        var c;
+        const i = (c = r.value) == null ? void 0 : c.$el;
+        if (!i) return;
+        i.querySelectorAll("[data-id]").forEach((p) => {
+          p.dataset.id && Ae.observe(p);
+        });
+      }));
+    }, de = () => {
+      f.value && (f.value.disconnect(), f.value = null), Ae && (Ae.disconnect(), Ae = null);
+    }, ue = () => {
+      t.pageConfig.enabled && (ie.value && ie.value.disconnect(), ie.value = new IntersectionObserver((i) => {
+        i.forEach((a) => {
+          const c = parseInt(a.target.dataset.pageIndex);
+          if (a.isIntersecting) {
+            x.value.add(c);
+            for (let p = Math.max(0, c - H); p <= Math.min(L.value.length - 1, c + H); p++)
+              q.value.add(p);
+          } else
+            x.value.delete(c), setTimeout(() => {
+              x.value.has(c) || Array.from(x.value).some((d) => Math.abs(d - c) <= H * 2) || q.value.delete(c);
+            }, 3e3);
+        });
+      }, {
+        root: null,
+        rootMargin: "100px",
+        threshold: 0.01
+      }), we(() => {
+        const i = document.querySelector(".a4-pages-container");
+        i && i.querySelectorAll(".a4-page-placeholder").forEach((c) => {
+          ie.value.observe(c);
+        });
+      }));
+    };
+    vt(() => {
+      ze(), we(() => {
+        var i;
+        if (_e(), ke.setup(), ue(), ((i = t.editConfig) == null ? void 0 : i.trigger) === "contenteditable" && (document.addEventListener("selectionchange", Pe), document.addEventListener("mouseup", Je)), t.pageConfig.enabled)
+          for (let a = 0; a < Math.min(3, L.value.length); a++)
+            q.value.add(a);
+      }), y.value = !0;
+    }), at(() => {
+      var i;
+      de(), ke.cleanup(), ie.value && (ie.value.disconnect(), ie.value = null), ((i = t.editConfig) == null ? void 0 : i.trigger) === "contenteditable" && (document.removeEventListener("selectionchange", Pe), document.removeEventListener("mouseup", Je)), ee && clearTimeout(ee), S = /* @__PURE__ */ new Map(), T.clear(), q.value.clear(), x.value.clear();
+    });
+    const ke = {
+      handlers: /* @__PURE__ */ new Map(),
+      setup() {
+        we(() => {
+          var a;
+          const i = (a = r.value) == null ? void 0 : a.$el;
+          i && (i.addEventListener("click", this.handleClick.bind(this), {
+            passive: !0
+          }), i.addEventListener("dblclick", this.handleDblClick.bind(this), {
+            passive: !0
+          }));
+        });
+      },
+      handleClick(i) {
+        const a = i.target.closest("[data-id]");
+        if (!a) return;
+        const c = a.dataset.id, p = Te(c);
+        p && Ye(p);
+      },
+      handleDblClick(i) {
+        var d;
+        if (!((d = t.editConfig) != null && d.trigger) === "dblclick") return;
+        const a = i.target.closest("[data-id]");
+        if (!a) return;
+        const c = a.dataset.id, p = Te(c);
+        p && Ve(p);
+      },
+      cleanup() {
+        var a, c;
+        const i = (c = (a = r.value) == null ? void 0 : a.$el) == null ? void 0 : c.querySelector(".virtual-table-wrapper");
+        i && (i.removeEventListener("click", this.handleClick), i.removeEventListener("dblclick", this.handleDblClick));
+      }
+    }, Me = (i) => {
+      Ye(i);
+    }, pe = (i) => Ve(i);
+    let ae = null, he;
+    const ve = ({
+      row: i,
+      column: a
+    }, c, p) => {
+      var w, k;
+      const d = p || c.target, g = $t(d, "virtual-table-cell", (w = r.value) == null ? void 0 : w.$el);
+      ae === g && he && (clearTimeout(he), ae = null), ((k = s.value) == null ? void 0 : k[t.rowConfig.keyField]) != (i == null ? void 0 : i[t.rowConfig.keyField]) && setTimeout(() => {
+        var _, M;
+        s.value = i;
+        let b = (_ = d == null ? void 0 : d.getAttribute) == null ? void 0 : _.call(d, "field");
+        if (!b) {
+          try {
+            const A = document.getSelection();
+            let O = A == null ? void 0 : A.anchorNode;
+            O && O.nodeType === 3 && (O = O.parentElement);
+            const E = (M = O == null ? void 0 : O.closest) == null ? void 0 : M.call(O, "[field]");
+            E && (b = E.getAttribute("field"));
+          } catch {
+          }
+          if (!b && (c != null && c.composedPath)) {
+            for (const A of c.composedPath())
+              if (A != null && A.getAttribute && A.getAttribute("field")) {
+                b = A.getAttribute("field");
+                break;
+              }
+          }
+        }
+        e("edit-activated", {
+          row: i,
+          column: {
+            ...a,
+            field: b
+          },
+          $table: o == null ? void 0 : o.exposed
+        });
+      }, 200);
+    }, Ee = ({
+      row: i,
+      column: a
+    }, c, p) => {
+      var g;
+      const d = p || c.target;
+      ae = $t(d, "virtual-table-cell", (g = r.value) == null ? void 0 : g.$el), he && clearTimeout(he), he = setTimeout(() => {
+        var b, _, M, A, O;
+        const w = i.content_type;
+        let k = (b = d == null ? void 0 : d.getAttribute) == null ? void 0 : b.call(d, "field");
+        if (!k) {
+          try {
+            const E = document.getSelection();
+            let R = E == null ? void 0 : E.anchorNode;
+            R && R.nodeType === 3 && (R = R.parentElement);
+            const X = (_ = R == null ? void 0 : R.closest) == null ? void 0 : _.call(R, "[field]");
+            X && (k = X.getAttribute("field"));
+          } catch {
+          }
+          if (!k && (c != null && c.composedPath)) {
+            for (const E of c.composedPath())
+              if (E != null && E.getAttribute && E.getAttribute("field")) {
+                k = E.getAttribute("field");
+                break;
+              }
+          }
+        }
+        if (w !== "table") {
+          if (w === "text") {
+            let E = null, R = null;
+            if ((M = d == null ? void 0 : d.getAttribute) != null && M.call(d, "field") ? E = d : (A = d == null ? void 0 : d.closest) != null && A.call(d, "[field]") && (E = d.closest("[field]")), E && (R = E.textContent), k && R !== void 0 && R !== null) {
+              R = R.trim();
+              const X = ((O = i[k]) == null ? void 0 : O.trim()) || "";
+              R !== X && (i[k] = R);
+            }
+          }
+        }
+        e("edit-closed", {
+          row: i,
+          column: {
+            ...a,
+            field: k
+          },
+          $table: o == null ? void 0 : o.exposed
+        });
+      }, 50);
+    };
+    let B = null, ee = null;
+    const te = (i) => {
+      var a;
+      ((a = t.editConfig) == null ? void 0 : a.trigger) === "contenteditable" && Se("focusin", i);
+    }, se = (i) => {
+      var a, c, p, d, g;
+      if (((a = t.editConfig) == null ? void 0 : a.trigger) === "contenteditable")
+        if (B != null && B.cellEl) {
+          let w = B.fieldEl;
+          !w && B.field && (w = (p = (c = B.cellEl) == null ? void 0 : c.querySelector) == null ? void 0 : p.call(c, `[field="${B.field}"]`)), w || (w = ((g = (d = B.cellEl).querySelector) == null ? void 0 : g.call(d, "[field]")) || B.cellEl), Ee(B, {
+            target: w
+          }, w), B = null;
+        } else
+          Se("focusout", i);
+    }, Se = (i, a) => {
+      var c, p, d, g, w, k;
+      try {
+        const b = document.getSelection();
+        let _ = b == null ? void 0 : b.anchorNode;
+        _ && _.nodeType === 3 && (_ = _.parentElement);
+        const M = (c = _ == null ? void 0 : _.closest) == null ? void 0 : c.call(_, ".virtual-table-cell"), A = (p = _ == null ? void 0 : _.closest) == null ? void 0 : p.call(_, ".virtual-table-row");
+        if (!M || !A) return;
+        const O = A.getAttribute("data-id"), E = M.getAttribute("data-prop"), R = Te(O), X = Le.value.find((re) => `${re.prop}` == `${E}`) || {}, K = ((d = _ == null ? void 0 : _.closest) == null ? void 0 : d.call(_, "[field]")) || null, j = ((g = K == null ? void 0 : K.getAttribute) == null ? void 0 : g.call(K, "field")) || void 0;
+        i === "focusin" ? (B = {
+          row: R,
+          column: X,
+          cellEl: M,
+          rowEl: A,
+          fieldEl: K,
+          field: j
+        }, ve({
+          row: R,
+          column: X
+        }, a, K || ((w = _ == null ? void 0 : _.closest) == null ? void 0 : w.call(_, "[field]")))) : Ee({
+          row: R,
+          column: X
+        }, a, K || ((k = _ == null ? void 0 : _.closest) == null ? void 0 : k.call(_, "[field]")));
+      } catch {
+      }
+    }, Pe = () => {
+      var i;
+      ((i = t.editConfig) == null ? void 0 : i.trigger) === "contenteditable" && (ee && clearTimeout(ee), ee = setTimeout(() => {
+        var a, c, p, d, g, w, k, b, _, M, A, O, E, R;
+        try {
+          const X = document.getSelection();
+          if (X.rangeCount === 0) return;
+          const K = X.getRangeAt(0);
+          let j = K.startContainer;
+          j.nodeType === 3 && (j = j.parentElement);
+          const re = (a = j == null ? void 0 : j.closest) == null ? void 0 : a.call(j, ".virtual-table-cell"), le = (c = j == null ? void 0 : j.closest) == null ? void 0 : c.call(j, ".virtual-table-row");
+          if (!re || !le) return;
+          const He = le.getAttribute("data-id"), Oe = re.getAttribute("data-prop"), xe = Te(He), fe = Le.value.find((G) => `${G.prop}` == `${Oe}`) || {};
+          if (!B || ((p = B.row) == null ? void 0 : p[t.rowConfig.keyField]) !== (xe == null ? void 0 : xe[t.rowConfig.keyField]) || ((d = B.column) == null ? void 0 : d.prop) !== (fe == null ? void 0 : fe.prop)) {
+            if (B) {
+              let G = B.fieldEl;
+              !G && B.field && (G = (w = (g = B.cellEl) == null ? void 0 : g.querySelector) == null ? void 0 : w.call(g, `[field="${B.field}"]`)), G || (G = ((b = (k = B.cellEl) == null ? void 0 : k.querySelector) == null ? void 0 : b.call(k, "[field]")) || B.cellEl), Ee(B, {
+                target: G
+              }, G);
+            }
+            B = {
+              row: xe,
+              column: fe,
+              cellEl: re,
+              rowEl: le,
+              fieldEl: ((_ = j == null ? void 0 : j.closest) == null ? void 0 : _.call(j, "[field]")) || null,
+              field: ((O = (A = ((M = j == null ? void 0 : j.closest) == null ? void 0 : M.call(j, "[field]")) || null) == null ? void 0 : A.getAttribute) == null ? void 0 : O.call(A, "field")) || void 0
+            }, ve({
+              row: xe,
+              column: fe
+            }, {
+              target: re
+            }, re);
+          }
+          if (X.toString()) {
+            const G = K.endContainer.nodeType === 3 ? K.endContainer.parentElement : K.endContainer, Re = (E = G == null ? void 0 : G.closest) == null ? void 0 : E.call(G, ".virtual-table-cell"), tt = (R = G == null ? void 0 : G.closest) == null ? void 0 : R.call(G, ".virtual-table-row");
+          }
+        } catch {
+        }
+      }, 50));
+    }, Je = () => {
+      var i;
+      ((i = t.editConfig) == null ? void 0 : i.trigger) === "contenteditable" && setTimeout(() => {
+        var p, d, g, w;
+        const a = document.getSelection();
+        if (!a) return;
+        const c = a.toString();
+        if (c) {
+          const k = a.rangeCount > 0 ? a.getRangeAt(0) : null;
+          let b = null, _ = null;
+          try {
+            if (k) {
+              let M = k.startContainer;
+              (M == null ? void 0 : M.nodeType) === 3 && (M = M.parentElement);
+              const A = (p = M == null ? void 0 : M.closest) == null ? void 0 : p.call(M, ".virtual-table-cell"), O = (d = M == null ? void 0 : M.closest) == null ? void 0 : d.call(M, ".virtual-table-row");
+              b = A && O ? {
+                rowId: O.getAttribute("data-id"),
+                prop: A.getAttribute("data-prop")
+              } : null;
+              let E = k.endContainer;
+              (E == null ? void 0 : E.nodeType) === 3 && (E = E.parentElement);
+              const R = (g = E == null ? void 0 : E.closest) == null ? void 0 : g.call(E, ".virtual-table-cell"), X = (w = E == null ? void 0 : E.closest) == null ? void 0 : w.call(E, ".virtual-table-row");
+              _ = R && X ? {
+                rowId: X.getAttribute("data-id"),
+                prop: R.getAttribute("data-prop")
+              } : null;
+            }
+          } catch {
+          }
+          e("selection-change", {
+            text: c,
+            selection: a,
+            range: k,
+            start: b,
+            end: _
+          });
+        }
+      }, 10);
+    }, Zt = (i) => (i == null ? void 0 : i._editing) === !0, Qt = (i) => i != null && i.parent_id ? S.get(i.parent_id) : null, en = (i) => {
+      var c;
+      const a = h.value.findIndex((p) => p[t.rowConfig.keyField] == i[t.rowConfig.keyField]);
+      return a < 1 ? null : ((c = h.value[a - 1]) == null ? void 0 : c.layer) === i.layer ? h.value[a - 1] : null;
+    }, tn = (i) => {
+      const a = h.value.findIndex((c) => c[t.rowConfig.keyField] == i[t.rowConfig.keyField]);
+      return a >= h.value.length - 1 ? null : h.value[a + 1];
+    }, Te = (i) => {
+      if (!i) return null;
+      let a = T.get(i);
+      return a || (typeof i == "number" ? T.get(`${i}`) : typeof i == "string" && /^\d+$/.test(i) ? T.get(Number(i)) : null);
+    };
+    let Xe = null;
+    const nn = (i) => {
+      Xe && cancelAnimationFrame(Xe), Xe = requestAnimationFrame(() => {
+        var p;
+        const a = t.rowConfig.keyField, c = i[a];
+        if (t.pageConfig.enabled) {
+          let d = -1;
+          for (let g = 0; g < L.value.length; g++)
+            if (L.value[g].items.some((b) => b[a] === c)) {
+              d = g;
+              break;
+            }
+          if (d !== -1) {
+            for (let g = Math.max(0, d - 1); g <= Math.min(L.value.length - 1, d + 1); g++)
+              q.value.has(g) || q.value.add(g);
+            we(() => {
+              const g = document.querySelector(".a4-pages-container");
+              if (!g) return;
+              const w = (k = 0) => {
+                const b = g.querySelector(`[data-id="${c}"]`);
+                if (b) {
+                  let _ = 0, M = b;
+                  for (; M && M !== g; )
+                    _ += M.offsetTop, M = M.offsetParent;
+                  const A = g.clientHeight;
+                  let O = _ - A * 0.3;
+                  O = Math.max(0, O);
+                  const E = g.scrollTop, R = Math.abs(O - E), X = (K) => {
+                    const j = g.scrollTop, re = K - j, le = Math.min(800, Math.max(300, R * 0.5)), He = performance.now(), Oe = (fe) => fe < 0.5 ? 4 * fe * fe * fe : 1 - Math.pow(-2 * fe + 2, 3) / 2, xe = (fe) => {
+                      const je = fe - He, G = Math.min(je / le, 1), Re = Oe(G), tt = j + re * Re;
+                      g.scrollTop = tt, G < 1 ? requestAnimationFrame(xe) : setTimeout(() => {
+                        g.scrollTop = K;
+                      }, 50);
+                    };
+                    requestAnimationFrame(xe);
+                  };
+                  R > 3e3 ? g.scrollTo({
+                    top: O,
+                    behavior: "instant"
+                  }) : X(O), b.classList.add("row--highlight"), setTimeout(() => {
+                    b.classList.remove("row--highlight");
+                  }, 1500);
+                } else k < 10 && setTimeout(() => w(k + 1), 150);
+              };
+              setTimeout(w, 200);
+            });
+          }
+        } else {
+          const d = h.value.findIndex((g) => g[a] === c);
+          d !== -1 && ((p = r.value) != null && p.scrollToItem) && r.value.scrollToItem(d);
+        }
+        Xe = null;
+      });
+    }, Ye = (i) => {
+      if (i) {
+        if (!y.value) {
+          setTimeout(() => Ye(i), 200);
+          return;
+        }
+        m.value = i, m.value !== s.value && s.value && (s.value._editing = !1, setTimeout(() => {
+          s.value = null;
+        }, 200));
+      }
+    }, Ve = (i, a) => new Promise((c) => {
+      var p, d;
+      if (!((p = t == null ? void 0 : t.editConfig) != null && p.beforeEditMethod && typeof ((d = t == null ? void 0 : t.editConfig) == null ? void 0 : d.beforeEditMethod) == "function" && !t.editConfig.beforeEditMethod({
+        row: i
+      }))) {
+        if (!i || !y.value) {
+          setTimeout(() => Ve(i), 200);
+          return;
+        }
+        i !== s.value && (h.value.forEach((g) => {
+          g._editing && e("edit-closed", {
+            row: g,
+            column: {
+              field: a
+            },
+            $table: o == null ? void 0 : o.exposed
+          }), g._editing = !1;
+        }), i._editing = !0, setTimeout(() => {
+          s.value = i, e("edit-activated", {
+            row: i,
+            column: {
+              field: a
+            },
+            $table: o == null ? void 0 : o.exposed
+          }), c(!0);
+        }));
+      }
+    }), ln = (i) => Ve(i), ct = () => {
+      if (Ce(), t.pageConfig.enabled) {
+        const i = Array.from(x.value);
+        if (i.length > 0) {
+          const a = Math.min(...i);
+          for (let c = Math.max(0, a - 1); c <= Math.min(L.value.length - 1, a + 2); c++)
+            q.value.add(c);
+        } else
+          for (let a = 0; a < Math.min(3, L.value.length); a++)
+            q.value.add(a);
+        we(() => {
+          ue();
+        });
+      }
+      we(() => {
+        !t.pageConfig.enabled && r.value && r.value.$forceUpdate && r.value.$forceUpdate();
+      });
+    }, on = (i, a) => new Promise((c) => {
+      let p = -1;
+      if (a == -1) {
+        const d = Te(i.parent_id);
+        for (p = h.value.findIndex((g) => g[t.rowConfig.keyField] == d[t.rowConfig.keyField]) + 1; h.value[p].parent_id == d[t.rowConfig.keyField]; )
+          p += 1;
+      } else
+        p = h.value.findIndex((d) => d[t.rowConfig.keyField] == a[t.rowConfig.keyField]);
+      S.set(i.node_id, i), T.set(i[t.rowConfig.keyField], i), h.value.splice(p, 0, i), ct(), c({
+        row: i
+      });
+    }), an = (i, a) => new Promise((c) => {
+      const p = h.value.findIndex((d) => d[t.rowConfig.keyField] == a[t.rowConfig.keyField]) + 1;
+      S.set(i.node_id, i), T.set(i[t.rowConfig.keyField], i), h.value.splice(p, 0, i), ct(), c({
+        row: i
+      });
+    }), mt = (i) => {
+      const a = h.value.findIndex((c) => c[t.rowConfig.keyField] == i[t.rowConfig.keyField] || c === i);
+      if (a > -1) {
+        const c = i[t.rowConfig.keyField];
+        S.delete(i.node_id), T.delete(c), h.value.splice(a, 1), ct();
+      }
+    }, sn = (i, a) => {
+      if (!i || !i[t.rowConfig.keyField]) return !1;
+      const c = i._original;
+      return c ? a ? i[a] !== c[a] : Object.keys(c).some((p) => c[p] !== i[p]) : !1;
+    }, rn = (i) => i && i[t.rowConfig.keyField] && !i._original, cn = (i, a) => {
+      i && i[t.rowConfig.keyField] && (a && Object.assign(i, a), i._original = {
+        ...i,
+        _editing: void 0,
+        _X_ROW_CHILD: void 0,
+        _original: void 0
+      });
+    }, dn = (i) => {
+      if (i && i[t.rowConfig.keyField]) {
+        const a = Te(i[t.rowConfig.keyField]);
+        a._original ? Object.assign(a, a._original) : mt(a);
+      }
+    }, un = () => {
+    }, hn = () => {
+      m.value = {};
+    }, yt = (i) => {
+      var c, p, d;
+      let a = h.value.findIndex((g) => g[t.rowConfig.keyField] == i[t.rowConfig.keyField]);
+      if (a > -1 && t.treeConfig) {
+        const g = ((c = t.treeConfig) == null ? void 0 : c.keyField) || ((p = t.treeConfig) == null ? void 0 : p.rowField) || "node_id", w = ((d = t.treeConfig) == null ? void 0 : d.parentField) || "parent_id", k = [], b = /* @__PURE__ */ new Map();
+        b.set(i[g], !0);
+        for (let _ = a + 1; _ < h.value.length; _++) {
+          const M = h.value[_];
+          if (M && b.has(M[w]))
+            k.push(M), b.set(M[g]);
+          else
+            break;
+        }
+        return k;
+      }
+      return [];
+    };
+    l({
+      isEditByRow: Zt,
+      getParentRow: Qt,
+      getSiblingRow: en,
+      getNextRow: tn,
+      getRowById: Te,
+      scrollToRow: nn,
+      setCurrentRow: Ye,
+      setEditRow: Ve,
+      setEditCell: ln,
+      insertAt: on,
+      insertNextAt: an,
+      isUpdateByRow: sn,
+      isInsertByRow: rn,
+      reloadRow: cn,
+      revertData: dn,
+      remove: mt,
+      setAllTreeExpand: un,
+      clearCurrentRow: hn,
+      getAllChilds: yt
+    });
+    const Le = ce(() => n.default().filter((i) => {
+      var a;
+      return ((a = i.type) == null ? void 0 : a.name) === "VirtualTableColumn";
+    }).map((i) => {
+      var a, c, p;
+      return {
+        prop: (a = i.props) == null ? void 0 : a.prop,
+        title: (c = i.props) == null ? void 0 : c.title,
+        width: (p = i.props) == null ? void 0 : p.width,
+        slots: i.children
+      };
+    })), Ze = (i) => {
+      try {
+        return i === 0 ? {
+          width: "0px"
+        } : i ? {
+          flex: /^\d+$/.test(i) ? `0 0 ${i}px` : `0 0 ${i}`
+        } : {
+          flex: "1 1 100%"
+        };
+      } catch (a) {
+        return console.warn("[VirtualTable] computeColumnWidth error:", a), {
+          flex: "1 1 100%"
+        };
+      }
+    }, bt = ce(() => {
+      var i;
+      return (i = t.treeConfig) != null && i.childCurrent && m.value ? yt(m.value).map((a) => a[t.rowConfig.keyField]) : [];
+    }), _t = ne({
+      viewStartIndex: 0,
+      viewEndIndex: 0,
+      visibleStartIndex: 0,
+      visibleEndIndex: 0
+    });
+    let Qe = null, et = null;
+    const fn = (i, a) => {
+      Qe && cancelAnimationFrame(Qe), Qe = requestAnimationFrame(() => {
+        e("scroll-end", {
+          ..._t.value
+        }), Qe = null;
+      });
+    }, gn = (i, a, c, p) => {
+      et && cancelAnimationFrame(et), et = requestAnimationFrame(() => {
+        _t.value = {
+          viewStartIndex: i,
+          viewEndIndex: a,
+          visibleStartIndex: c,
+          visibleEndIndex: p
+        }, et = null;
+      });
+    }, pn = (i, a) => {
+      var R, X;
+      const {
+        pageHeight: c,
+        margin: p,
+        showPageBorder: d,
+        pageBorderPadding: g,
+        pageBorderStyle: w,
+        showPageHeader: k,
+        headerHeight: b = 0,
+        footerHeight: _ = 0,
+        showPageNumber: M
+      } = t.pageConfig, A = i.pageNumber || a + 1, E = Math.max(100, c - p * 2 - b - _ - 20);
+      return q.value.has(a) ? U(W, null, [k !== !1 && (n["page-header"] || b > 0) ? U("div", {
+        class: "a4-page-header",
+        style: {
+          minHeight: `${Math.max(b, 1)}px`
+        }
+      }, [(R = n["page-header"]) == null ? void 0 : R.call(n, {
+        pageNumber: A,
+        pageIndex: a,
+        totalPages: L.value.length
+      })]) : null, a === 0 && t.showHeader ? U("div", {
+        class: "a4-table-header"
+      }, [U("div", {
+        class: "virtual-table-header we-vt-table--header we-vt-table--header-wrapper"
+      }, [Le.value.map((K) => {
+        var j, re, le;
+        return U("div", {
+          class: "we-vt-header--column",
+          key: K.prop,
+          style: Ze(K.width)
+        }, [U("div", {
+          class: "we-vt-cell"
+        }, [(j = K.slots) != null && j.header ? (le = (re = K.slots) == null ? void 0 : re.header) == null ? void 0 : le.call(re, {
+          column: K
+        }) : K.title])]);
+      })])]) : null, U("div", {
+        class: "a4-page-content",
+        style: {
+          minHeight: `${E}px`,
+          ...d ? {
+            border: w,
+            padding: `${g}px`
+          } : {}
+        }
+      }, [i.items.map((K) => {
+        var j, re;
+        return U("div", {
+          key: K[t.rowConfig.keyField],
+          "data-id": K[t.rowConfig.keyField],
+          class: {
+            "virtual-table-row": !0,
+            "we-vt-body--row": !0,
+            "row--current": K[t.rowConfig.keyField] === ((j = m.value) == null ? void 0 : j[t.rowConfig.keyField]) || ((re = t.treeConfig) == null ? void 0 : re.childCurrent) && bt.value.includes(K[t.rowConfig.keyField])
+          },
+          style: {
+            width: "100%"
+          },
+          onClick: () => Me(K),
+          onDblclick: () => pe(K)
+        }, [Le.value.map((le) => {
+          var He, Oe, xe, fe, je, G, Re;
+          return U("div", {
+            key: le.prop,
+            class: "virtual-table-cell we-vt-cell",
+            style: Ze(le.width),
+            "data-prop": le.prop
+          }, [K._editing && ((He = t.editConfig) == null ? void 0 : He.trigger) === "dblclick" ? ((Oe = le.slots) == null ? void 0 : Oe.edit) && ((fe = (xe = le.slots) == null ? void 0 : xe.edit) == null ? void 0 : fe.call(xe, {
+            row: K,
+            column: le
+          })) : ((je = le.slots) == null ? void 0 : je.default) && ((Re = (G = le.slots) == null ? void 0 : G.default) == null ? void 0 : Re.call(G, {
+            row: K,
+            column: le
+          }))]);
+        })]);
+      })]), n["page-footer"] ? (X = n["page-footer"]) == null ? void 0 : X.call(n, {
+        pageNumber: A,
+        pageIndex: a,
+        totalPages: L.value.length
+      }) : U("div", {
+        class: "a4-page-footer",
+        contenteditable: "false",
+        style: {
+          height: `${Math.max(_ || 0, 20)}px`
+        }
+      }, [M !== !1 ? U("span", {
+        class: "page-number",
+        contenteditable: "false"
+      }, [A, Be(" / "), L.value.length]) : null])]) : U("div", {
+        class: "a4-page-loading"
+      }, [U("div", {
+        class: "loading-spinner"
+      }, null), U("div", {
+        class: "loading-text"
+      }, [Be("加载中...")])]);
+    }, vn = () => {
+      var w;
+      const {
+        pageHeight: i,
+        pageWidth: a,
+        margin: c,
+        gap: p,
+        showPageBorder: d,
+        pageBorderPadding: g
+      } = t.pageConfig;
+      return U("div", {
+        class: "virtual-table we-vt-table we-vt-table--render-default border--none"
+      }, [U("div", {
+        class: "a4-pages-container",
+        contenteditable: ((w = t.editConfig) == null ? void 0 : w.trigger) === "contenteditable" ? "true" : void 0,
+        onContextmenu: z,
+        onFocusin: te,
+        onFocusout: se
+      }, [L.value.map((k, b) => {
+        const _ = q.value.has(b);
+        return U("div", {
+          key: `page-${b}`,
+          class: _ ? "a4-page" : "a4-page-placeholder",
+          "data-page-index": b,
+          style: {
+            width: `${a}px`,
+            minHeight: `${i}px`,
+            marginBottom: `${p}px`,
+            padding: _ ? `${d ? c - g : c}px` : "0",
+            boxSizing: "border-box",
+            position: "relative"
+          }
+        }, [pn(k, b)]);
+      })])]);
+    }, mn = () => {
+      var i;
+      return U("div", {
+        class: "virtual-table we-vt-table we-vt-table--render-default border--none"
+      }, [t.showHeader ? U("div", {
+        class: "virtual-table-header we-vt-table--header we-vt-table--header-wrapper"
+      }, [Le.value.map((a) => {
+        var c, p, d;
+        return U("div", {
+          class: "we-vt-header--column",
+          key: a.prop,
+          style: Ze(a.width)
+        }, [U("div", {
+          class: "we-vt-cell"
+        }, [(c = a.slots) != null && c.header ? (d = (p = a.slots) == null ? void 0 : p.header) == null ? void 0 : d.call(p, {
+          column: a
+        }) : a.title]), U("div", {
+          class: "we-vt-resizable is--line"
+        }, null)]);
+      })]) : void 0, U(En, {
+        ref: r,
+        items: I.value,
+        minItemSize: Z.value,
+        keyField: t.rowConfig.keyField,
+        emitUpdate: !1,
+        buffer: 300,
+        class: "virtual-table-wrapper",
+        contenteditable: ((i = t.editConfig) == null ? void 0 : i.trigger) === "contenteditable" ? "true" : void 0,
+        onContextmenu: z,
+        onScrollend: fn,
+        onUpdate: gn,
+        onFocusin: te,
+        onFocusout: se
+      }, {
+        default: ({
+          item: a,
+          index: c,
+          active: p
+        }) => {
+          var g, w, k;
+          let d;
+          return U(Sn, {
+            key: a[t.rowConfig.keyField],
+            item: a,
+            active: p,
+            sizeDependencies: [(g = a.content) == null ? void 0 : g.length, a._editing, a.content_type],
+            "data-id": a[t.rowConfig.keyField],
+            "data-index": c,
+            "data-active": p,
+            class: {
+              "virtual-table-row": !0,
+              "we-vt-body--row": !0,
+              "row--current": a[t.rowConfig.keyField] === ((w = m.value) == null ? void 0 : w[t.rowConfig.keyField]) || // 如果是树，并且配置了childCurrent高亮子节点
+              ((k = t.treeConfig) == null ? void 0 : k.childCurrent) && bt.value.includes(a[t.rowConfig.keyField])
+            }
+          }, ui(d = Le.value.map((b) => {
+            var _, M, A, O, E, R, X;
+            return U("div", {
+              key: b.prop,
+              class: "virtual-table-cell we-vt-cell",
+              style: Ze(b.width),
+              "data-prop": b.prop
+            }, [a._editing && ((_ = t.editConfig) == null ? void 0 : _.trigger) === "dblclick" ? ((M = b.slots) == null ? void 0 : M.edit) && ((O = (A = b.slots) == null ? void 0 : A.edit) == null ? void 0 : O.call(A, {
+              row: a,
+              column: b
+            })) : ((E = b.slots) == null ? void 0 : E.default) && ((X = (R = b.slots) == null ? void 0 : R.default) == null ? void 0 : X.call(R, {
+              row: a,
+              column: b
+            }))]);
+          })) ? d : {
+            default: () => [d]
+          });
+        }
+      })]);
+    };
+    return () => t.pageConfig.enabled ? vn() : mn();
+  }
+}), Ne = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [l, o] of e)
+    n[l] = o;
+  return n;
+}, fi = /* @__PURE__ */ Ne(hi, [["__scopeId", "data-v-3756d9b0"]]), gi = {
+  name: "VirtualTableColumn",
+  props: {
+    prop: String,
+    label: String,
+    width: [String, Number]
+  }
+};
+function pi(t, e, n, l, o, r) {
+  return Cn(t.$slots, "default");
+}
+const vi = /* @__PURE__ */ Ne(gi, [["render", pi]]), mi = { class: "catalog-node" }, yi = ["title"], bi = { class: "catalog-node__text" }, _i = {
+  key: 0,
+  class: "catalog-node__children"
+}, xi = {
+  __name: "CatalogNode",
+  props: {
+    item: { type: Object, required: !0 },
+    depth: { type: Number, default: 0 },
+    activeId: { type: String, default: "" }
+  },
+  emits: ["navigate"],
+  setup(t, { emit: e }) {
+    const n = t, l = e, o = ne(!0), r = ce(() => n.item.children && n.item.children.length > 0);
+    function y(s) {
+      s.stopPropagation(), o.value = !o.value;
+    }
+    return (s, m) => {
+      const h = Mn("CatalogNode", !0);
+      return u(), v("div", mi, [
+        Q("div", {
+          class: Fe(["catalog-node__label", { "is-active": t.activeId === t.item.nodeId }]),
+          style: N({ paddingLeft: 10 + t.depth * 14 + "px" }),
+          title: t.item.name,
+          onClick: m[0] || (m[0] = (S) => l("navigate", t.item))
+        }, [
+          Q("span", {
+            class: "catalog-node__toggle",
+            onClick: y
+          }, [
+            r.value ? (u(), Ie(lt(o.value ? V(Gn) : V(Ut)), {
+              key: 0,
+              size: 14
+            })) : me("", !0)
+          ]),
+          Q("span", bi, J(t.item.name || "（无标题）"), 1)
+        ], 14, yi),
+        r.value && o.value ? (u(), v("div", _i, [
+          (u(!0), v(W, null, Y(t.item.children, (S) => (u(), Ie(h, {
+            key: S.nodeId,
+            item: S,
+            depth: t.depth + 1,
+            "active-id": t.activeId,
+            onNavigate: m[1] || (m[1] = (T) => l("navigate", T))
+          }, null, 8, ["item", "depth", "active-id"]))), 128))
+        ])) : me("", !0)
+      ]);
+    };
+  }
+}, ki = /* @__PURE__ */ Ne(xi, [["__scopeId", "data-v-ac882917"]]), wi = {
+  key: 0,
+  class: "catalog catalog--collapsed"
+}, Ci = {
+  key: 1,
+  class: "catalog"
+}, Mi = { class: "catalog__header" }, Ii = { class: "catalog__title" }, Ei = { class: "catalog__body" }, Si = {
+  key: 0,
+  class: "catalog__empty"
+}, Ti = {
+  __name: "index",
+  props: {
+    items: { type: Array, default: () => [] }
+  },
+  emits: ["navigate"],
+  setup(t, { emit: e }) {
+    const n = e, l = ne(!1), o = ne("");
+    function r(y) {
+      o.value = y.nodeId, n("navigate", y);
+    }
+    return (y, s) => l.value ? (u(), v("div", wi, [
+      Q("button", {
+        class: "catalog__icon-btn",
+        title: "展开目录",
+        onClick: s[0] || (s[0] = (m) => l.value = !1)
+      }, [
+        U(V(Jn), { size: 18 })
+      ])
+    ])) : (u(), v("div", Ci, [
+      Q("div", Mi, [
+        Q("span", Ii, [
+          U(V(Xn), { size: 16 }),
+          s[2] || (s[2] = Be(" 目录 ", -1))
+        ]),
+        Q("button", {
+          class: "catalog__icon-btn",
+          title: "收起目录",
+          onClick: s[1] || (s[1] = (m) => l.value = !0)
+        }, [
+          U(V(Yn), { size: 18 })
+        ])
+      ]),
+      Q("div", Ei, [
+        (u(!0), v(W, null, Y(t.items, (m) => (u(), Ie(ki, {
+          key: m.nodeId,
+          item: m,
+          "active-id": o.value,
+          onNavigate: r
+        }, null, 8, ["item", "active-id"]))), 128)),
+        t.items.length ? me("", !0) : (u(), v("div", Si, " 暂无目录 "))
+      ])
+    ]));
+  }
+}, Fi = /* @__PURE__ */ Ne(Ti, [["__scopeId", "data-v-8becafa1"]]), Ai = {
+  first: 1,
+  second: 2,
+  third: 3,
+  fourth: 4,
+  fifth: 5,
+  sixth: 6
+};
+function Pi(t) {
+  return t.blockType !== "title" || !t.level ? 0 : Ai[t.level] || 1;
+}
+function $i(t) {
+  const e = [];
+  for (const o of t || []) {
+    const r = Pi(o);
+    r && e.push({
+      id: o.node_id,
+      nodeId: o.node_id,
+      name: (o.content || "").trim(),
+      level: r,
+      children: []
+    });
+  }
+  if (!e.length) return [];
+  const n = (o, r) => {
+    const y = r.children[r.children.length - 1];
+    y && o.level > y.level ? n(o, y) : r.children.push(o);
+  }, l = [];
+  for (const o of e) {
+    const r = l[l.length - 1];
+    r && o.level > r.level ? n(o, r) : l.push(o);
+  }
+  return l;
+}
+const Ri = {
+  first: 0,
+  second: 1,
+  third: 2,
+  fourth: 3,
+  fifth: 4,
+  sixth: 5,
+  seventh: 6,
+  eighth: 7
+};
+function nt(t, e) {
+  let n = "", l = t;
+  const o = e ? 65 : 97;
+  for (; l > 0; ) {
+    const r = (l - 1) % 26;
+    n = String.fromCharCode(o + r) + n, l = Math.floor((l - 1) / 26);
+  }
+  return n;
+}
+const Rt = [
+  (t) => t.toString(),
+  // first：数字
+  (t) => nt(t, !0),
+  // second：大写字母
+  (t) => `(${t})`,
+  // third：括号数字
+  (t) => `(${nt(t, !1)})`,
+  // fourth：括号小写字母
+  (t) => `${t})`,
+  // fifth：数字+右括号
+  (t) => `${nt(t, !1)})`,
+  // sixth：小写字母+右括号
+  (t) => `<${t}>`,
+  // seventh：数字+尖括号
+  (t) => `<${nt(t, !1)}>`
+  // eighth：小写字母+尖括号
+];
+function Li() {
+  const t = new Array(8).fill(0);
+  return {
+    next(e, n) {
+      const l = Ri[e];
+      if (l == null) return "";
+      t[l]++;
+      for (let r = l + 1; r < t.length; r++) t[r] = 0;
+      if (n != null && n !== "")
+        return `${n} `;
+      const o = Rt[Math.min(l, Rt.length - 1)];
+      return `${o(t[l])}. `;
+    }
+  };
+}
+const We = 14, Jt = 760, Lt = 756, Hi = {
+  left: "left",
+  center: "center",
+  right: "right",
+  alignment: "justify",
+  justify: "justify"
+};
+function Xt(t) {
+  const e = [];
+  let n = !1;
+  const l = (o) => {
+    if (n) {
+      if (o && o.value != null && /^[\n200B]+$/.test(o.value)) {
+        e.push(o);
+        return;
+      }
+      n = !1, e.push({ ...o, _coverBreakBefore: !0 });
+    } else
+      e.push(o);
+  };
+  for (const o of t || []) {
+    if (o && o.type === "pageBreak") {
+      n = !0;
+      continue;
+    }
+    if (o && o.type === "area") {
+      const r = Xt(o.valueList || []), y = (o.areaId || "").includes("cover");
+      for (const s of r) l(s);
+      y && (n = !0);
+    } else
+      l(o);
+  }
+  return e;
+}
+function Ge(t) {
+  const e = Xt(t), n = [];
+  let l = [], o = 0, r = null;
+  const y = (m) => {
+    l.length && (n.push({ type: "paragraph", elements: [...l], rowFlex: m }), l = []);
+  }, s = () => {
+    if (o === 0) return;
+    const m = r;
+    y(m);
+    for (let h = 1; h < o; h++)
+      n.push({ type: "paragraph", elements: [], rowFlex: m });
+    o = 0, r = null;
+  };
+  for (const m of e || [])
+    if (m.type === "table")
+      s(), y(), n.push({ type: "table", el: m });
+    else if (m.type === "title")
+      s(), y(), n.push({ type: "title", el: m });
+    else if (m.type === "list") {
+      s(), y();
+      const h = [];
+      let S = [];
+      for (const T of m.valueList || [])
+        T.value === `
+` || T.value === "​" ? (h.push([...S]), S = []) : S.push(T);
+      (S.length || h.length === 0) && h.push([...S]), n.push({ type: "list", listType: m.listType || "ul", listStyle: m.listStyle || "disc", items: h });
+    } else if (m.listId) {
+      s(), y();
+      const h = m.value === "​" || m.value === "" ? [] : [m];
+      n.push({ type: "list", listType: m.listType || "ul", listStyle: m.listStyle || "disc", items: [h] });
+    } else m.value != null && /^[\n200B]+$/.test(m.value) ? (o += m.value.length, m.rowFlex && (r = m.rowFlex)) : (s(), l.push(m));
+  return s(), y(), n;
+}
+function De(t) {
+  const e = t.filter((h) => h.type === "image").reduce((h, S) => h + (S.height || S.width || 0), 0), n = t.filter((h) => h.type !== "image").map((h) => h.value || "").join("");
+  if (!n) return e || 20;
+  const l = t.reduce((h, S) => Math.max(h, S.size || 0), 0) || 14, o = l + 6, r = (n.match(/[一-龥]/g) || []).length, y = n.length - r, s = r * l + y * (l * 0.5), m = Math.max(1, Math.ceil(s / Jt));
+  return e + Math.max(o, m * o);
+}
+function Oi(t) {
+  if (!t || !t.length) return [[]];
+  const e = [];
+  let n = [];
+  for (const l of t)
+    l.type === "image" && (l.width || 0) >= Jt ? (n.length && (e.push(n), n = []), e.push([l])) : n.push(l);
+  return n.length && e.push(n), e.length ? e : [[]];
+}
+function Ht(t) {
+  if (t.length === 0) return [];
+  const e = new Array(t.length).fill(0);
+  t.forEach((r, y) => {
+    (r.tdList || []).forEach((s) => {
+      const m = s.rowspan || 1;
+      if (m > 1) {
+        const h = Math.min(y + m - 1, t.length - 1);
+        e[y] = Math.max(e[y], h);
+        for (let S = 1; S < m && y + S < t.length; S++)
+          e[y + S] = Math.max(e[y + S], h);
+      }
+    });
+  });
+  const n = [];
+  let l = 0, o = 0;
+  for (let r = 0; r < t.length; r++)
+    o = Math.max(o, e[r]), o <= r && (n.push(t.slice(l, r + 1)), l = r + 1, o = 0);
+  return l < t.length && n.push(t.slice(l)), n;
+}
+function ht(t) {
+  const e = (t == null ? void 0 : t.width) || 0;
+  return !e || e <= Lt ? 1 : Lt / e;
+}
+function Ot(t) {
+  var r, y;
+  const e = t.elements || [], n = ((r = e.find((s) => s.rowFlex)) == null ? void 0 : r.rowFlex) || t.rowFlex, l = { textAlign: Hi[n] || "left" }, o = (y = e.find((s) => s.rowMargin)) == null ? void 0 : y.rowMargin;
+  return o && (l.lineHeight = o), l;
+}
+function Bi(t) {
+  var r;
+  const e = Ge(t.value);
+  let n = 0, l = 0, o = !1;
+  for (const y of e)
+    if (y.type === "paragraph") {
+      if (!y.elements.length) continue;
+      n++;
+      for (const s of y.elements)
+        (s.type === "image" || s.type === "table") && (o = !0), l += (s.value || "").length;
+    } else y.type === "list" ? (n += ((r = y.items) == null ? void 0 : r.length) || 1, o = !0) : (n++, o = !0);
+  return n > 1 || l > 30 || o ? "top" : t.verticalAlign || "middle";
+}
+function ye(t) {
+  const e = {};
+  t.font && (e.fontFamily = t.font), e.fontSize = (t.size || We) + "px", t.bold != null && (e.fontWeight = t.bold ? "bold" : "normal"), t.italic != null && (e.fontStyle = t.italic ? "italic" : "normal"), t.color && (e.color = t.color), t.highlight && t.highlight !== "rgb(255, 255, 255)" && t.highlight !== "#ffffff" && (e.backgroundColor = t.highlight);
+  const n = [t.underline && "underline", t.strikeout && "line-through"].filter(Boolean).join(" ");
+  return n && (e.textDecoration = n), t.letterSpacing && (e.letterSpacing = t.letterSpacing + "px"), e;
+}
+const Di = 5;
+function Bt(t, e = !1) {
+  var l, o;
+  let n = 0;
+  for (const r of t)
+    if (r.type === "table") {
+      const y = ((l = r.el) == null ? void 0 : l.trList) || [];
+      n += y.reduce((s, m) => s + (m.height || m.minHeight || 35), 0);
+    } else if (r.type === "title")
+      n += De(r.titleValueList || ((o = r.el) == null ? void 0 : o.valueList) || []);
+    else if (r.type === "paragraph")
+      n += De(r.elements || []);
+    else if (r.type === "list") {
+      const y = Math.round(18), s = (r.items || []).reduce(
+        (m, h) => m + (h.length ? De(h) : y),
+        0
+      );
+      n += Math.max(s, y);
+    }
+  return n + (e && n > 0 ? Di : 0);
+}
+const Ni = {
+  key: 0,
+  class: "empty-line"
+}, zi = ["href"], Vi = ["src"], ji = ["checked"], Ki = ["checked"], qi = {
+  key: 4,
+  class: "ctrl-input"
+}, Ui = ["checked"], Wi = ["checked"], Gi = { key: 0 }, Ji = ["colspan", "rowspan"], Xi = { key: 0 }, Yi = ["src"], Zi = ["href"], Qi = ["checked"], el = ["checked"], tl = ["checked"], nl = {
+  __name: "DocBlock",
+  props: {
+    block: {
+      type: Object,
+      required: !0
+    },
+    isHeaderFooter: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(t) {
+    const e = t, n = jt("bindTableObserver", null), l = ce(() => e.isHeaderFooter ? 0 : e.block.indentPx ?? 0);
+    return (o, r) => {
+      var y;
+      return t.block.blockType === "title" ? (u(), v("p", {
+        key: 0,
+        class: Fe(["doc-title", `doc-title--${t.block.level}`]),
+        style: N({ paddingLeft: l.value ? l.value + "px" : void 0 })
+      }, [
+        (u(!0), v(W, null, Y(t.block.titleValueList || [], (s, m) => (u(), v("span", {
+          key: m,
+          style: N(V(ye)(s))
+        }, J(s.value), 5))), 128))
+      ], 6)) : t.block.blockType === "paragraph" ? (u(), v("p", {
+        key: 1,
+        class: "doc-para",
+        style: N({ ...V(Ot)(t.block), paddingLeft: l.value ? l.value + "px" : void 0 })
+      }, [
+        t.block.elements.length ? me("", !0) : (u(), v("span", Ni, " ")),
+        (u(!0), v(W, null, Y(t.block.elements, (s, m) => {
+          var h, S, T, L, x, q, ie, H, F, f, C, P, I;
+          return u(), v(W, { key: m }, [
+            !s.type || s.type === "text" ? (u(), v("span", {
+              key: 0,
+              style: N(V(ye)(s))
+            }, J(s.value), 5)) : s.type === "hyperlink" ? (u(), v("a", {
+              key: 1,
+              href: s.url,
+              class: "doc-link",
+              target: "_blank",
+              rel: "noopener"
+            }, [
+              (u(!0), v(W, null, Y(s.valueList || [], ($, Z) => (u(), v("span", {
+                key: Z,
+                style: N(V(ye)($))
+              }, J($.value), 5))), 128))
+            ], 8, zi)) : s.type === "image" ? (u(), v("img", {
+              key: 2,
+              src: s.value,
+              class: "doc-image",
+              style: N({
+                width: s.width ? s.width + "px" : "auto",
+                height: s.height ? s.height + "px" : "auto"
+              })
+            }, null, 12, Vi)) : s.type === "control" ? (u(), v(W, { key: 3 }, [
+              ((h = s.control) == null ? void 0 : h.type) === "text" ? (u(), v("span", {
+                key: 0,
+                style: N({ fontSize: (s.control.size || 12) + "px" })
+              }, [
+                (u(!0), v(W, null, Y(s.control.value || [], ($, Z) => (u(), v("span", {
+                  key: Z,
+                  style: N(V(ye)($))
+                }, J($.value), 5))), 128))
+              ], 4)) : ((S = s.control) == null ? void 0 : S.type) === "input" ? (u(), v("span", {
+                key: 1,
+                class: "ctrl-input",
+                style: N({
+                  minWidth: (s.control.minWidth || 60) + "px",
+                  fontSize: (s.control.size || 12) + "px"
+                })
+              }, [
+                (u(!0), v(W, null, Y(s.control.value || [], ($, Z) => (u(), v("span", { key: Z }, J($.value), 1))), 128))
+              ], 4)) : ((T = s.control) == null ? void 0 : T.type) === "radio" ? (u(), v("span", {
+                key: 2,
+                class: Fe(["ctrl-options", { "ctrl-options--vertical": ((x = (L = s.control.extension) == null ? void 0 : L.elementAttributes) == null ? void 0 : x.layout) === "vertical" }]),
+                style: N({ fontSize: (s.control.size || V(We)) + "px" })
+              }, [
+                (u(!0), v(W, null, Y(s.control.valueSets || [], ($, Z) => (u(), v("label", {
+                  key: Z,
+                  class: "ctrl-option"
+                }, [
+                  Q("input", {
+                    type: "radio",
+                    disabled: "",
+                    checked: s.control.code === $.code
+                  }, null, 8, ji),
+                  Be(" " + J($.value), 1)
+                ]))), 128))
+              ], 6)) : ((q = s.control) == null ? void 0 : q.type) === "checkbox" ? (u(), v("span", {
+                key: 3,
+                class: Fe(["ctrl-options", { "ctrl-options--vertical": ((H = (ie = s.control.extension) == null ? void 0 : ie.elementAttributes) == null ? void 0 : H.layout) === "vertical" }]),
+                style: N({ fontSize: (s.control.size || V(We)) + "px" })
+              }, [
+                (u(!0), v(W, null, Y(s.control.valueSets || [], ($, Z) => (u(), v("label", {
+                  key: Z,
+                  class: "ctrl-option"
+                }, [
+                  Q("input", {
+                    type: "checkbox",
+                    disabled: "",
+                    checked: (s.control.code || "").split(",").includes($.code)
+                  }, null, 8, Ki),
+                  Be(" " + J($.value), 1)
+                ]))), 128))
+              ], 6)) : ((F = s.control) == null ? void 0 : F.type) === "select" ? (u(), v("span", qi, J(((C = (f = s.control.value) == null ? void 0 : f[0]) == null ? void 0 : C.value) || s.control.placeholder || ""), 1)) : me("", !0)
+            ], 64)) : s.type === "checkbox" ? (u(), v("input", {
+              key: 4,
+              type: "checkbox",
+              checked: !!((P = s.checkbox) != null && P.value),
+              disabled: "",
+              class: "el-check"
+            }, null, 8, Ui)) : s.type === "radio" ? (u(), v("input", {
+              key: 5,
+              type: "radio",
+              checked: !!((I = s.radio) != null && I.value),
+              disabled: "",
+              class: "el-check"
+            }, null, 8, Wi)) : s.type === "superscript" ? (u(), v("sup", {
+              key: 6,
+              style: N(V(ye)(s))
+            }, J(s.value), 5)) : s.type === "subscript" ? (u(), v("sub", {
+              key: 7,
+              style: N(V(ye)(s))
+            }, J(s.value), 5)) : s.type === "tab" ? (u(), v("span", {
+              key: 8,
+              class: "doc-tab",
+              style: N({ width: (s.size || V(We)) + "px" })
+            }, null, 4)) : me("", !0)
+          ], 64);
+        }), 128))
+      ], 4)) : t.block.blockType === "list" ? (u(), Ie(lt(t.block.listType === "ol" ? "ol" : "ul"), {
+        key: 2,
+        class: "doc-list",
+        style: N({ listStyleType: t.block.listStyle === "decimal" ? "decimal" : t.block.listStyle === "lower-alpha" ? "lower-alpha" : "disc", paddingLeft: l.value ? l.value + 24 + "px" : void 0 })
+      }, {
+        default: Ue(() => [
+          (u(!0), v(W, null, Y(t.block.items, (s, m) => (u(), v("li", {
+            key: m,
+            class: "doc-list-item"
+          }, [
+            (u(!0), v(W, null, Y(s, (h, S) => (u(), v(W, { key: S }, [
+              !h.type || h.type === "text" ? (u(), v("span", {
+                key: 0,
+                style: N(V(ye)(h))
+              }, J(h.value), 5)) : h.type === "superscript" ? (u(), v("sup", {
+                key: 1,
+                style: N(V(ye)(h))
+              }, J(h.value), 5)) : h.type === "subscript" ? (u(), v("sub", {
+                key: 2,
+                style: N(V(ye)(h))
+              }, J(h.value), 5)) : me("", !0)
+            ], 64))), 128))
+          ]))), 128))
+        ]),
+        _: 1
+      }, 8, ["style"])) : t.block.blockType === "table-row-group" ? (u(), v("div", {
+        key: 3,
+        class: Fe(["doc-table-row-wrap", { "is-first": t.block.isFirst, "is-last": t.block.isLast, "is-page-break": t.block.isPageBreak }]),
+        style: N({
+          display: t.block.tableRowFlex ? "flex" : void 0,
+          justifyContent: t.block.tableRowFlex === "right" ? "flex-end" : t.block.tableRowFlex === "center" ? "center" : t.block.tableRowFlex === "left" ? "flex-start" : void 0,
+          paddingLeft: l.value ? l.value + "px" : void 0
+        })
+      }, [
+        Q("div", {
+          style: N({
+            overflow: t.block.sliceHeight != null ? "hidden" : void 0,
+            height: t.block.sliceHeight != null ? (t.block.isLast ? t.block.sliceHeight + 1 : t.block.sliceHeight) + "px" : void 0,
+            width: t.block.tableEl.width ? "max-content" : "100%"
+          })
+        }, [
+          Q("table", {
+            ref: t.block._baseKey && V(n) ? (s) => V(n)(s, t.block._baseKey) : void 0,
+            class: Fe(["doc-table", { "doc-table--no-border": t.block.tableEl.borderType === "empty" }]),
+            style: N({
+              width: t.block.tableEl.width ? t.block.tableEl.width * V(ht)(t.block.tableEl) + "px" : "100%",
+              transform: t.block.sliceOffset ? `translateY(-${t.block.sliceOffset}px)` : void 0
+            })
+          }, [
+            (y = t.block.tableEl.colgroup) != null && y.length ? (u(), v("colgroup", Gi, [
+              (u(!0), v(W, null, Y(t.block.tableEl.colgroup, (s, m) => (u(), v("col", {
+                key: m,
+                style: N({ width: s.width * V(ht)(t.block.tableEl) + "px" })
+              }, null, 4))), 128))
+            ])) : me("", !0),
+            Q("tbody", null, [
+              (u(!0), v(W, null, Y(t.block.trGroup, (s, m) => (u(), v("tr", {
+                key: m,
+                style: N({ height: (s.height || s.minHeight || 30) + "px" })
+              }, [
+                (u(!0), v(W, null, Y(s.tdList || [], (h, S) => (u(), v("td", {
+                  key: S,
+                  colspan: h.colspan || 1,
+                  rowspan: h.rowspan || 1,
+                  style: N({
+                    backgroundColor: h.backgroundColor || void 0,
+                    verticalAlign: V(Bi)(h),
+                    width: h.width ? h.width * V(ht)(t.block.tableEl) + "px" : void 0,
+                    height: h.height ? h.height + "px" : void 0
+                  })
+                }, [
+                  (u(!0), v(W, null, Y(V(Ge)(h.value), (T, L) => (u(), v(W, { key: L }, [
+                    T.type === "paragraph" ? (u(), v("p", {
+                      key: 0,
+                      class: "cell-para",
+                      style: N(V(Ot)(T))
+                    }, [
+                      T.elements.length ? me("", !0) : (u(), v("span", Xi, " ")),
+                      (u(!0), v(W, null, Y(T.elements, (x, q) => {
+                        var ie, H, F, f, C, P, I;
+                        return u(), v(W, { key: q }, [
+                          !x.type || x.type === "text" ? (u(), v("span", {
+                            key: 0,
+                            style: N(V(ye)(x))
+                          }, J(x.value), 5)) : x.type === "image" ? (u(), v("img", {
+                            key: 1,
+                            src: x.value,
+                            class: "doc-image",
+                            style: N({
+                              width: x.width ? x.width + "px" : "auto",
+                              height: x.height ? x.height + "px" : "auto"
+                            })
+                          }, null, 12, Yi)) : x.type === "hyperlink" ? (u(), v("a", {
+                            key: 2,
+                            href: x.url,
+                            class: "doc-link",
+                            target: "_blank"
+                          }, [
+                            (u(!0), v(W, null, Y(x.valueList || [], ($, Z) => (u(), v("span", {
+                              key: Z,
+                              style: N(V(ye)($))
+                            }, J($.value), 5))), 128))
+                          ], 8, Zi)) : x.type === "control" ? (u(), v(W, { key: 3 }, [
+                            ((ie = x.control) == null ? void 0 : ie.type) === "text" ? (u(), v("span", {
+                              key: 0,
+                              style: N({ fontSize: (x.control.size || 12) + "px" })
+                            }, [
+                              (u(!0), v(W, null, Y(x.control.value || [], ($, Z) => (u(), v("span", {
+                                key: Z,
+                                style: N(V(ye)($))
+                              }, J($.value), 5))), 128))
+                            ], 4)) : ((H = x.control) == null ? void 0 : H.type) === "input" ? (u(), v("span", {
+                              key: 1,
+                              class: "ctrl-input",
+                              style: N({ fontSize: (x.control.size || 12) + "px" })
+                            }, [
+                              (u(!0), v(W, null, Y(x.control.value || [], ($, Z) => (u(), v("span", { key: Z }, J($.value), 1))), 128))
+                            ], 4)) : ((F = x.control) == null ? void 0 : F.type) === "radio" ? (u(), v("span", {
+                              key: 2,
+                              class: Fe(["ctrl-options", { "ctrl-options--vertical": ((C = (f = x.control.extension) == null ? void 0 : f.elementAttributes) == null ? void 0 : C.layout) === "vertical" }])
+                            }, [
+                              (u(!0), v(W, null, Y(x.control.valueSets || [], ($, Z) => (u(), v("label", {
+                                key: Z,
+                                class: "ctrl-option"
+                              }, [
+                                Q("input", {
+                                  type: "radio",
+                                  disabled: "",
+                                  checked: x.control.code === $.code
+                                }, null, 8, Qi),
+                                Be(J($.value), 1)
+                              ]))), 128))
+                            ], 2)) : me("", !0)
+                          ], 64)) : x.type === "checkbox" ? (u(), v("input", {
+                            key: 4,
+                            type: "checkbox",
+                            checked: !!((P = x.checkbox) != null && P.value),
+                            disabled: "",
+                            class: "el-check"
+                          }, null, 8, el)) : x.type === "radio" ? (u(), v("input", {
+                            key: 5,
+                            type: "radio",
+                            checked: !!((I = x.radio) != null && I.value),
+                            disabled: "",
+                            class: "el-check"
+                          }, null, 8, tl)) : x.type === "superscript" ? (u(), v("sup", {
+                            key: 6,
+                            style: N(V(ye)(x))
+                          }, J(x.value), 5)) : x.type === "subscript" ? (u(), v("sub", {
+                            key: 7,
+                            style: N(V(ye)(x))
+                          }, J(x.value), 5)) : x.type === "tab" ? (u(), v("span", {
+                            key: 8,
+                            class: "doc-tab",
+                            style: N({ width: (x.size || V(We)) + "px" })
+                          }, null, 4)) : me("", !0)
+                        ], 64);
+                      }), 128))
+                    ], 4)) : me("", !0)
+                  ], 64))), 128))
+                ], 12, Ji))), 128))
+              ], 4))), 128))
+            ])
+          ], 6)
+        ], 4)
+      ], 6)) : me("", !0);
+    };
+  }
+}, ft = /* @__PURE__ */ Ne(nl, [["__scopeId", "data-v-27e51e18"]]), il = { class: "editor-layout word-editor-scope" }, ll = { class: "editor-container" }, ol = {
+  key: 0,
+  class: "editor-loading"
+}, al = { class: "doc-header" }, sl = { class: "doc-footer" }, rl = { class: "doc-page-number" }, cl = 1123, dl = 50, ul = 20, hl = {
+  __name: "index",
+  props: {
+    // 文档结构数据（IElement[]），来源由使用方决定
+    data: {
+      type: Array,
+      default: () => []
+    },
+    // 外部数据加载态，用于展示加载占位
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(t) {
+    const e = t, n = ce(() => {
+      const f = e.data;
+      return f ? !Array.isArray(f) && f.main ? f.main : Array.isArray(f) ? f : [] : [];
+    }), l = ne(null), o = ne({});
+    let r = null;
+    vt(() => {
+      r = new ResizeObserver((f) => {
+        const C = {};
+        for (const P of f) {
+          const I = P.target._rowKey;
+          if (!I) continue;
+          const $ = Math.round(P.contentRect.height);
+          $ > (o.value[I] || 0) && (C[I] = $);
+        }
+        Object.keys(C).length && (o.value = { ...o.value, ...C });
+      });
+    }), at(() => {
+      r == null || r.disconnect(), r = null;
+    });
+    function y(f, C) {
+      !f || !r || (f._rowKey = C, r.observe(f));
+    }
+    Kt("bindTableObserver", y);
+    const s = ce(
+      () => Math.max(100, cl - dl * 2 - T.value - L.value - ul)
+    ), m = ce(() => {
+      const f = Ge(n.value), C = [], P = s.value;
+      let I = 0;
+      const $ = Li(), Z = { first: 0, second: 1, third: 2, fourth: 3, fifth: 4, sixth: 5, seventh: 6, eighth: 7 };
+      let oe = -1;
+      const st = (z) => {
+        var ge, be, Ce;
+        return !!((ge = z.el) != null && ge._coverBreakBefore || (Ce = (be = z.elements) == null ? void 0 : be[0]) != null && Ce._coverBreakBefore);
+      };
+      return f.forEach((z, ge) => {
+        var Ce, ze, Ae, rt;
+        const be = st(z);
+        if (be && (I = 0), z.type === "title") {
+          const _e = z.el.valueList || [], de = $.next(z.el.level, (Ce = z.el.extension) == null ? void 0 : Ce.startIndex), ue = _e.some((ae) => {
+            var he;
+            return (he = ae.extension) == null ? void 0 : he.isIndex;
+          });
+          let ke = _e;
+          if (!ue && de) {
+            const ae = _e[0] || {};
+            ke = [
+              {
+                value: de,
+                size: ae.size,
+                bold: ae.bold,
+                italic: ae.italic,
+                color: ae.color,
+                font: ae.font,
+                extension: { isIndex: !0 }
+              },
+              ..._e
+            ];
+          }
+          const Me = ke.map((ae) => ae.value || "").join(""), pe = De(ke);
+          I = I + pe > P && I > 0 ? pe : I + pe, oe = Z[z.el.level] ?? 0, C.push({
+            node_id: `blk_${ge}_0`,
+            layer: be ? 1 : 100,
+            blockType: "title",
+            level: z.el.level,
+            titleEl: z.el,
+            titleValueList: ke,
+            content_type: "text",
+            content: Me,
+            height: pe,
+            indentPx: oe * 20
+          });
+        } else if (z.type === "paragraph") {
+          const _e = Oi(z.elements), de = oe >= 0 ? (oe + 1) * 20 : 0;
+          _e.forEach((ue, ke) => {
+            const Me = ue.map((ae) => ae.value || "").join(""), pe = De(ue);
+            I = I + pe > P && I > 0 ? pe : I + pe, C.push({
+              node_id: `blk_${ge}_${ke}`,
+              layer: be && ke === 0 ? 1 : 100,
+              blockType: "paragraph",
+              elements: ue,
+              rowFlex: z.rowFlex,
+              content_type: "text",
+              content: Me,
+              height: pe,
+              indentPx: de
+            });
+          });
+        } else if (z.type === "table") {
+          const _e = !!((ze = z.el.extension) != null && ze.isTitleTable), de = ((Ae = z.el.extension) == null ? void 0 : Ae.elementType) === "signOff", ue = ((rt = z.el.extension) == null ? void 0 : rt.elementType) === "stepTable", ke = de || ue, Me = _e || de ? 0 : oe >= 0 ? (oe + 1) * 20 : 0, pe = Ht(z.el.trList || []), ae = pe.length;
+          if (ke) {
+            const he = pe.flat(), ve = he.reduce(
+              (ee, te) => ee + (te.height || te.minHeight || 35),
+              0
+            ), Ee = `blk_${ge}_0`, B = Math.max(ve, o.value[Ee] || 0);
+            if (I > 0 && I + B > P && (I = 0), B > P) {
+              const ee = Math.ceil(B / P);
+              for (let te = 0; te < ee; te++) {
+                const se = te * P, Se = Math.min(P, B - se), Pe = te > 0 || I > 0;
+                I = Se, C.push({
+                  node_id: `blk_${ge}_0_s${te}`,
+                  layer: be && te === 0 ? 1 : 100,
+                  blockType: "table-row-group",
+                  content_type: "table-row",
+                  rowHeight: B,
+                  trGroup: he,
+                  tableEl: z.el,
+                  tableRowFlex: z.el.rowFlex || null,
+                  isFirst: te === 0,
+                  isLast: te === ee - 1,
+                  isPageBreak: Pe,
+                  sliceOffset: se,
+                  sliceHeight: Se,
+                  _baseKey: te === 0 ? Ee : void 0,
+                  height: Se,
+                  indentPx: Me
+                });
+              }
+            } else {
+              const ee = I > 0;
+              I = I + B > P ? B : I + B, C.push({
+                node_id: `blk_${ge}_0`,
+                layer: be ? 1 : 100,
+                blockType: "table-row-group",
+                content_type: "table-row",
+                rowHeight: B,
+                trGroup: he,
+                tableEl: z.el,
+                tableRowFlex: z.el.rowFlex || null,
+                isFirst: !0,
+                isLast: !0,
+                isPageBreak: ee,
+                indentPx: Me
+              });
+            }
+          } else
+            pe.forEach((he, ve) => {
+              const Ee = `blk_${ge}_${ve}`, B = he.reduce(
+                (te, se) => te + (se.height || se.minHeight || 35),
+                0
+              ), ee = Math.max(B, o.value[Ee] || 0);
+              if (ee > P) {
+                const te = Math.ceil(ee / P);
+                for (let se = 0; se < te; se++) {
+                  const Se = se * P, Pe = Math.min(P, ee - Se), Je = se > 0 || I > 0;
+                  I = Pe, C.push({
+                    node_id: `blk_${ge}_${ve}_s${se}`,
+                    layer: be && ve === 0 && se === 0 ? 1 : 100,
+                    blockType: "table-row-group",
+                    content_type: "table-row",
+                    rowHeight: ee,
+                    trGroup: he,
+                    tableEl: z.el,
+                    tableRowFlex: z.el.rowFlex || null,
+                    isFirst: ve === 0 && se === 0,
+                    isLast: ve === ae - 1 && se === te - 1,
+                    isPageBreak: Je,
+                    sliceOffset: Se,
+                    sliceHeight: Pe,
+                    _baseKey: se === 0 ? Ee : void 0,
+                    height: Pe,
+                    indentPx: Me
+                  });
+                }
+              } else {
+                const te = ve > 0 && I + ee > P;
+                I = I + ee > P ? ee : I + ee, C.push({
+                  node_id: `blk_${ge}_${ve}`,
+                  layer: be && ve === 0 ? 1 : 100,
+                  blockType: "table-row-group",
+                  content_type: "table-row",
+                  rowHeight: ee,
+                  trGroup: he,
+                  tableEl: z.el,
+                  tableRowFlex: z.el.rowFlex || null,
+                  isFirst: ve === 0,
+                  isLast: ve === ae - 1,
+                  isPageBreak: te,
+                  indentPx: Me
+                });
+              }
+            });
+        } else if (z.type === "list") {
+          const _e = Math.round(18);
+          let de = 0;
+          for (const ue of z.items)
+            de += ue.length ? De(ue) : _e;
+          de = Math.max(de, _e), I = I + de > P && I > 0 ? de : I + de, C.push({
+            node_id: `blk_${ge}_0`,
+            layer: be ? 1 : 100,
+            blockType: "list",
+            listType: z.listType,
+            listStyle: z.listStyle,
+            items: z.items,
+            height: de,
+            indentPx: oe >= 0 ? (oe + 1) * 20 : 0
+          });
+        }
+      }), C;
+    }), h = ce(() => {
+      var C;
+      const f = (C = e.data) == null ? void 0 : C.header;
+      return f != null && f.length ? Ge(f) : [];
+    }), S = ce(() => {
+      var C;
+      const f = (C = e.data) == null ? void 0 : C.footer;
+      return f != null && f.length ? Ge(f) : [];
+    }), T = ce(() => Bt(h.value, !0)), L = ce(() => Bt(S.value, !0)), x = ce(() => h.value.length > 0), q = ce(() => S.value.length > 0);
+    function ie(f) {
+      var P, I, $;
+      const C = f.type === "table";
+      return {
+        blockType: C ? "table-row-group" : f.type,
+        elements: f.elements,
+        rowFlex: f.rowFlex,
+        level: (P = f.el) == null ? void 0 : P.level,
+        titleValueList: ((I = f.el) == null ? void 0 : I.valueList) || f.titleValueList,
+        listType: f.listType,
+        listStyle: f.listStyle,
+        items: f.items,
+        indentPx: 0,
+        trGroup: C ? Ht(f.el.trList).flat() : void 0,
+        tableEl: C ? f.el : void 0,
+        isFirst: !0,
+        isLast: !0,
+        tableRowFlex: (($ = f.el) == null ? void 0 : $.rowFlex) || null
+      };
+    }
+    const H = ce(() => $i(m.value));
+    function F(f) {
+      var C;
+      (C = l.value) == null || C.scrollToRow({ node_id: f.nodeId });
+    }
+    return (f, C) => (u(), v("div", il, [
+      U(Fi, {
+        items: H.value,
+        onNavigate: F
+      }, null, 8, ["items"]),
+      Q("div", ll, [
+        t.loading ? (u(), v("div", ol, " 加载中… ")) : (u(), Ie(V(fi), {
+          key: 1,
+          ref_key: "virtualTableRef",
+          ref: l,
+          "show-header": !1,
+          "row-config": { keyField: "node_id" },
+          "page-config": {
+            enabled: !0,
+            pageHeight: 1123,
+            pageWidth: 860,
+            margin: 50,
+            gap: 16,
+            showPageHeader: x.value,
+            showPageBorder: !0,
+            pageBorderPadding: 5,
+            pageBorderStyle: "1px solid #333",
+            headerHeight: T.value,
+            footerHeight: L.value,
+            showPageNumber: !0
+          },
+          data: m.value
+        }, In({
+          default: Ue(() => [
+            U(V(vi), null, {
+              default: Ue(({ row: P }) => [
+                U(ft, { block: P }, null, 8, ["block"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 2
+        }, [
+          x.value ? {
+            name: "page-header",
+            fn: Ue(() => [
+              Q("div", al, [
+                (u(!0), v(W, null, Y(h.value, (P, I) => (u(), Ie(ft, {
+                  key: I,
+                  block: ie(P),
+                  "is-header-footer": !0
+                }, null, 8, ["block"]))), 128))
+              ])
+            ]),
+            key: "0"
+          } : void 0,
+          q.value ? {
+            name: "page-footer",
+            fn: Ue(({ pageNumber: P, totalPages: I }) => [
+              Q("div", sl, [
+                (u(!0), v(W, null, Y(S.value, ($, Z) => (u(), Ie(ft, {
+                  key: Z,
+                  block: ie($),
+                  "is-header-footer": !0
+                }, null, 8, ["block"]))), 128)),
+                Q("div", rl, J(P) + " / " + J(I), 1)
+              ])
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["page-config", "data"]))
+      ])
+    ]));
+  }
+}, fl = /* @__PURE__ */ Ne(hl, [["__scopeId", "data-v-ea9b9852"]]), Dt = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+function it(t = 10) {
+  const e = crypto.getRandomValues(new Uint8Array(t));
+  return Array.from(e).map((n) => Dt[n % Dt.length]).join("");
+}
+class ot {
+  constructor(e) {
+    D(this, "data");
+    this.data = qt({
+      id: it(),
+      version: 1,
+      sections: [this.createEmptySection()],
+      pageWidth: 595,
+      pageHeight: 842,
+      marginTop: 72,
+      marginBottom: 72,
+      marginLeft: 90,
+      marginRight: 90,
+      ...e
+    });
+  }
+  // ─── 工厂方法 ─────────────────────────────────────────────────────────────
+  createEmptySection() {
+    return {
+      id: it(),
+      paragraphs: [this.createEmptyParagraph()]
+    };
+  }
+  createEmptyParagraph(e) {
+    return {
+      id: it(),
+      type: "paragraph",
+      format: e ?? {},
+      children: []
+    };
+  }
+  createTextElement(e, n) {
+    return {
+      id: it(),
+      type: "text",
+      value: e,
+      format: n ?? {}
+    };
+  }
+  // ─── 查询方法 ─────────────────────────────────────────────────────────────
+  getSectionCount() {
+    return this.data.sections.length;
+  }
+  getParagraphCount(e = 0) {
+    var n;
+    return ((n = this.data.sections[e]) == null ? void 0 : n.paragraphs.length) ?? 0;
+  }
+  /** 获取所有段落（展开所有 section） */
+  getAllParagraphs() {
+    const e = [];
+    return this.data.sections.forEach((n, l) => {
+      n.paragraphs.forEach((o, r) => {
+        e.push({ paragraph: o, sectionIndex: l, paragraphIndex: r });
+      });
+    }), e;
+  }
+  getParagraphAt(e, n) {
+    var l;
+    return ((l = this.data.sections[e]) == null ? void 0 : l.paragraphs[n]) ?? null;
+  }
+  getElementAt(e) {
+    const n = this.getParagraphAt(e.sectionIndex, e.paragraphIndex);
+    return (n == null ? void 0 : n.children[e.elementIndex]) ?? null;
+  }
+  // ─── 原子修改方法（由 Command 调用）─────────────────────────────────────
+  /** 在指定位置插入文本（拆分/合并 text element） */
+  insertText(e, n, l) {
+    const o = this.getParagraphAt(e.sectionIndex, e.paragraphIndex);
+    if (!o) return;
+    const r = o.children[e.elementIndex];
+    if (r && r.type === "text")
+      r.value = r.value.slice(0, e.offset) + n + r.value.slice(e.offset);
+    else {
+      const y = this.createTextElement(n, l);
+      o.children.splice(e.elementIndex, 0, y);
+    }
+    this.bumpVersion();
+  }
+  /** 删除指定范围内容 */
+  deleteAt(e, n) {
+    const l = this.getParagraphAt(e.sectionIndex, e.paragraphIndex);
+    if (!l) return;
+    const o = l.children[e.elementIndex];
+    !o || o.type !== "text" || (o.value = o.value.slice(0, e.offset) + o.value.slice(e.offset + n), o.value === "" && l.children.splice(e.elementIndex, 1), this.bumpVersion());
+  }
+  /** 在段落后插入新段落 */
+  insertParagraph(e, n, l) {
+    const o = this.data.sections[e];
+    if (!o) throw new Error(`Section ${e} not found`);
+    const r = this.createEmptyParagraph(l);
+    return o.paragraphs.splice(n + 1, 0, r), this.bumpVersion(), r;
+  }
+  /** 合并两个相邻段落 */
+  mergeParagraphs(e, n) {
+    const l = this.data.sections[e];
+    if (!l) return;
+    const o = l.paragraphs[n], r = l.paragraphs[n + 1];
+    !o || !r || (o.children.push(...r.children), l.paragraphs.splice(n + 1, 1), this.bumpVersion());
+  }
+  /** 更新段落格式 */
+  updateParagraphFormat(e, n, l) {
+    const o = this.getParagraphAt(e, n);
+    o && (o.format = { ...o.format, ...l }, this.bumpVersion());
+  }
+  /** 更新元素格式 */
+  updateElementFormat(e, n) {
+    const l = this.getElementAt(e);
+    l && (l.format = { ...l.format, ...n }, this.bumpVersion());
+  }
+  /** 批量更新选区内元素格式 */
+  updateRangeFormat(e, n, l) {
+    const o = this.getAllParagraphs();
+    let r = !1;
+    for (const { paragraph: y, sectionIndex: s, paragraphIndex: m } of o) {
+      const h = s === e.sectionIndex && m === e.paragraphIndex, S = s === n.sectionIndex && m === n.paragraphIndex;
+      if (h && (r = !0), r)
+        for (let T = 0; T < y.children.length; T++) {
+          const L = y.children[T];
+          if (!(h && T < e.elementIndex)) {
+            if (S && T > n.elementIndex) break;
+            L.format = { ...L.format, ...l };
+          }
+        }
+      if (S) break;
+    }
+    this.bumpVersion();
+  }
+  bumpVersion() {
+    this.data.version++;
+  }
+  /** 序列化为 JSON */
+  toJSON() {
+    return JSON.stringify(this.data, null, 2);
+  }
+  /** 从 JSON 恢复 */
+  static fromJSON(e) {
+    const n = JSON.parse(e), l = new ot();
+    return Object.assign(l.data, n), l;
+  }
+}
+function $e(t = 0, e = 0, n = 0, l = 0) {
+  return { sectionIndex: t, paragraphIndex: e, elementIndex: n, offset: l };
+}
+function Nt(t, e) {
+  return t.sectionIndex === e.sectionIndex && t.paragraphIndex === e.paragraphIndex && t.elementIndex === e.elementIndex && t.offset === e.offset;
+}
+class pt {
+  constructor(e) {
+    D(this, "_selection", qt({
+      anchor: $e(),
+      focus: $e(),
+      isCollapsed: !0
+    }));
+    D(this, "_docModel");
+    /** 是否有选区（非光标） */
+    D(this, "hasSelection", ce(() => !this._selection.isCollapsed));
+    this._docModel = e;
+  }
+  get selection() {
+    return this._selection;
+  }
+  // ─── 设置选区 ─────────────────────────────────────────────────────────────
+  setCursor(e) {
+    this._selection.anchor = { ...e }, this._selection.focus = { ...e }, this._selection.isCollapsed = !0;
+  }
+  setSelection(e, n) {
+    this._selection.anchor = { ...e }, this._selection.focus = { ...n }, this._selection.isCollapsed = Nt(e, n);
+  }
+  collapse(e = !0) {
+    e ? this._selection.anchor = { ...this._selection.focus } : this._selection.focus = { ...this._selection.anchor }, this._selection.isCollapsed = !0;
+  }
+  selectAll() {
+    const e = this._docModel.data.sections, n = e[e.length - 1], l = n == null ? void 0 : n.paragraphs[n.paragraphs.length - 1], o = l == null ? void 0 : l.children[l.children.length - 1], r = (o == null ? void 0 : o.type) === "text" ? o.value.length : 0;
+    this._selection.anchor = $e(0, 0, 0, 0), this._selection.focus = $e(
+      e.length - 1,
+      ((n == null ? void 0 : n.paragraphs.length) ?? 1) - 1,
+      ((l == null ? void 0 : l.children.length) ?? 0) === 0 ? 0 : ((l == null ? void 0 : l.children.length) ?? 1) - 1,
+      r
+    ), this._selection.isCollapsed = !1;
+  }
+  // ─── 移动光标 ─────────────────────────────────────────────────────────────
+  /** 光标向前移动一个字符 */
+  moveForward(e = !1) {
+    const n = this._selection.focus, l = this._docModel.getParagraphAt(n.sectionIndex, n.paragraphIndex);
+    if (!l) return;
+    const o = l.children[n.elementIndex];
+    if ((o == null ? void 0 : o.type) === "text" && n.offset < o.value.length) {
+      const y = { ...n, offset: n.offset + 1 };
+      this._applyMove(y, e);
+      return;
+    }
+    if (n.elementIndex < l.children.length - 1) {
+      const y = { ...n, elementIndex: n.elementIndex + 1, offset: 0 };
+      this._applyMove(y, e);
+      return;
+    }
+    const r = this._getNextParagraphPoint(n);
+    r && this._applyMove(r, e);
+  }
+  /** 光标向后移动一个字符 */
+  moveBackward(e = !1) {
+    const n = this._selection.focus;
+    if (n.offset > 0) {
+      const o = { ...n, offset: n.offset - 1 };
+      this._applyMove(o, e);
+      return;
+    }
+    if (n.elementIndex > 0) {
+      const o = this._docModel.getParagraphAt(n.sectionIndex, n.paragraphIndex), r = o == null ? void 0 : o.children[n.elementIndex - 1], y = (r == null ? void 0 : r.type) === "text" ? r.value.length : 0, s = { ...n, elementIndex: n.elementIndex - 1, offset: y };
+      this._applyMove(s, e);
+      return;
+    }
+    const l = this._getPrevParagraphPoint(n);
+    l && this._applyMove(l, e);
+  }
+  _applyMove(e, n) {
+    n ? (this._selection.focus = e, this._selection.isCollapsed = Nt(this._selection.anchor, e)) : (this._selection.anchor = { ...e }, this._selection.focus = { ...e }, this._selection.isCollapsed = !0);
+  }
+  _getNextParagraphPoint(e) {
+    const n = this._docModel.data.sections[e.sectionIndex];
+    return n ? e.paragraphIndex < n.paragraphs.length - 1 ? $e(e.sectionIndex, e.paragraphIndex + 1, 0, 0) : e.sectionIndex < this._docModel.data.sections.length - 1 ? $e(e.sectionIndex + 1, 0, 0, 0) : null : null;
+  }
+  _getPrevParagraphPoint(e) {
+    if (e.paragraphIndex > 0) {
+      const n = this._docModel.getParagraphAt(e.sectionIndex, e.paragraphIndex - 1);
+      if (!n) return null;
+      const l = n.children.length - 1, o = n.children[l], r = (o == null ? void 0 : o.type) === "text" ? o.value.length : 0;
+      return $e(e.sectionIndex, e.paragraphIndex - 1, Math.max(l, 0), r);
+    }
+    if (e.sectionIndex > 0) {
+      const n = this._docModel.data.sections[e.sectionIndex - 1];
+      if (!n) return null;
+      const l = n.paragraphs.length - 1, o = n.paragraphs[l], r = ((o == null ? void 0 : o.children.length) ?? 0) - 1, y = o == null ? void 0 : o.children[r], s = (y == null ? void 0 : y.type) === "text" ? y.value.length : 0;
+      return $e(e.sectionIndex - 1, l, Math.max(r, 0), s);
+    }
+    return null;
+  }
+  // ─── DOM 坐标 <-> 模型坐标转换 ───────────────────────────────────────────
+  /**
+   * 从 DOM element 的 data-* 属性解析模型坐标
+   * 渲染时每个元素需附带 data-si/data-pi/data-ei 属性
+   */
+  static domToModelPoint(e, n) {
+    let l = e instanceof Element ? e : e.parentElement;
+    for (; l; ) {
+      const o = l.getAttribute("data-si"), r = l.getAttribute("data-pi"), y = l.getAttribute("data-ei");
+      if (o !== null && r !== null && y !== null)
+        return {
+          sectionIndex: parseInt(o),
+          paragraphIndex: parseInt(r),
+          elementIndex: parseInt(y),
+          offset: n
+        };
+      l = l.parentElement;
+    }
+    return null;
+  }
+}
+const gl = 200;
+class pl {
+  constructor() {
+    D(this, "_undoStack", []);
+    D(this, "_redoStack", []);
+  }
+  get canUndo() {
+    return this._undoStack.length > 0;
+  }
+  get canRedo() {
+    return this._redoStack.length > 0;
+  }
+  /**
+   * 推入命令（执行后调用）
+   * 支持合并连续同类命令（如连续输入文字）
+   */
+  push(e) {
+    var l, o;
+    this._redoStack = [];
+    const n = this._undoStack[this._undoStack.length - 1];
+    if (n && ((l = e.canMergeWith) != null && l.call(e, n))) {
+      (o = n.merge) == null || o.call(n, e);
+      return;
+    }
+    this._undoStack.push(e), this._undoStack.length > gl && this._undoStack.shift();
+  }
+  undo() {
+    const e = this._undoStack.pop();
+    return e ? (e.undo(), this._redoStack.push(e), !0) : !1;
+  }
+  redo() {
+    const e = this._redoStack.pop();
+    return e ? (e.execute(), this._undoStack.push(e), !0) : !1;
+  }
+  clear() {
+    this._undoStack = [], this._redoStack = [];
+  }
+}
+class vl {
+  constructor(e, n, l, o, r) {
+    D(this, "name", "insertText");
+    D(this, "_point");
+    D(this, "_text");
+    D(this, "_format");
+    this.docModel = e, this.selectionManager = n, this._point = { ...l }, this._text = o, this._format = r;
+  }
+  execute() {
+    this.docModel.insertText(this._point, this._text, this._format), this.selectionManager.setCursor({
+      ...this._point,
+      offset: this._point.offset + this._text.length
+    });
+  }
+  undo() {
+    this.docModel.deleteAt(this._point, this._text.length), this.selectionManager.setCursor(this._point);
+  }
+  canMergeWith(e) {
+    if (e.name !== "insertText") return !1;
+    const n = e;
+    return n._point.sectionIndex === this._point.sectionIndex && n._point.paragraphIndex === this._point.paragraphIndex && n._point.elementIndex === this._point.elementIndex && n._point.offset === this._point.offset + this._text.length;
+  }
+  merge(e) {
+    const n = e;
+    this._text += n._text;
+  }
+}
+class ml {
+  constructor(e, n) {
+    D(this, "name", "insertParagraph");
+    D(this, "_insertedParagraphId", null);
+    this.docModel = e, this.selectionManager = n;
+  }
+  execute() {
+    var m, h;
+    const { focus: e } = this.selectionManager.selection, { sectionIndex: n, paragraphIndex: l } = e, o = this.docModel.getParagraphAt(n, l);
+    if (!o) return;
+    const r = e.elementIndex, y = o.children.splice(r), s = this.docModel.createEmptyParagraph(o.format);
+    s.children.push(...y), this._insertedParagraphId = s.id, this.docModel.data.sections[n].paragraphs.splice(l + 1, 0, s), (h = (m = this.docModel).bumpVersion) == null || h.call(m), this.selectionManager.setCursor({
+      sectionIndex: n,
+      paragraphIndex: l + 1,
+      elementIndex: 0,
+      offset: 0
+    });
+  }
+  undo() {
+    const { focus: e } = this.selectionManager.selection, { sectionIndex: n, paragraphIndex: l } = e;
+    l !== 0 && (this.docModel.mergeParagraphs(n, l - 1), this.selectionManager.setCursor({
+      sectionIndex: n,
+      paragraphIndex: l - 1,
+      elementIndex: 0,
+      offset: 0
+    }));
+  }
+}
+class zt {
+  constructor(e, n, l) {
+    D(this, "name");
+    D(this, "_deletedText", "");
+    this.docModel = e, this.selectionManager = n, this.name = l === "backward" ? "deleteBackward" : "deleteForward";
+  }
+  execute() {
+    const { focus: e, isCollapsed: n } = this.selectionManager.selection;
+    if (n)
+      if (this.name === "deleteBackward")
+        if (e.offset > 0) {
+          const l = { ...e, offset: e.offset - 1 }, o = this.docModel.getElementAt(e);
+          (o == null ? void 0 : o.type) === "text" && (this._deletedText = o.value[e.offset - 1] ?? ""), this.docModel.deleteAt(l, 1), this.selectionManager.setCursor(l);
+        } else (e.paragraphIndex > 0 || e.elementIndex > 0) && (this.docModel.mergeParagraphs(e.sectionIndex, e.paragraphIndex - 1), this.selectionManager.setCursor({
+          ...e,
+          paragraphIndex: e.paragraphIndex - 1
+        }));
+      else {
+        const l = this.docModel.getElementAt(e);
+        if ((l == null ? void 0 : l.type) === "text" && e.offset < l.value.length)
+          this._deletedText = l.value[e.offset], this.docModel.deleteAt(e, 1);
+        else {
+          const o = this.docModel.data.sections[e.sectionIndex];
+          o && e.paragraphIndex < o.paragraphs.length - 1 && this.docModel.mergeParagraphs(e.sectionIndex, e.paragraphIndex);
+        }
+      }
+  }
+  undo() {
+    if (this._deletedText) {
+      const { focus: e } = this.selectionManager.selection;
+      this.docModel.insertText(e, this._deletedText);
+    }
+  }
+}
+class qe {
+  constructor(e, n, l, o) {
+    D(this, "name");
+    D(this, "_prevFormat", {});
+    this.docModel = e, this.selectionManager = n, this._value = o, this.name = l;
+  }
+  execute() {
+    const { anchor: e, focus: n } = this.selectionManager.selection, l = this._getFormatKey();
+    if (!l) return;
+    const o = {};
+    if (this._isToggle()) {
+      const r = this._getCurrentValue(l);
+      o[l] = !r;
+    } else
+      o[l] = this._value;
+    this.docModel.updateRangeFormat(e, n, o);
+  }
+  undo() {
+    const { anchor: e, focus: n } = this.selectionManager.selection;
+    this.docModel.updateRangeFormat(e, n, this._prevFormat);
+  }
+  _isToggle() {
+    return ["bold", "italic", "underline", "strikethrough", "superscript", "subscript"].includes(this.name);
+  }
+  _getFormatKey() {
+    return {
+      bold: "bold",
+      italic: "italic",
+      underline: "underline",
+      strikethrough: "strikethrough",
+      fontSize: "fontSize",
+      fontFamily: "fontFamily",
+      color: "color",
+      backgroundColor: "backgroundColor"
+    }[this.name] ?? null;
+  }
+  _getCurrentValue(e) {
+    var o;
+    const { focus: n } = this.selectionManager.selection, l = this.docModel.getElementAt(n);
+    return (o = l == null ? void 0 : l.format) == null ? void 0 : o[e];
+  }
+}
+class gt {
+  constructor(e, n, l, o) {
+    D(this, "name", "textAlign");
+    this.docModel = e, this.selectionManager = n, this._formatKey = l, this._value = o;
+  }
+  execute() {
+    const { focus: e } = this.selectionManager.selection, n = {};
+    n[this._formatKey] = this._value, this.docModel.updateParagraphFormat(e.sectionIndex, e.paragraphIndex, n);
+  }
+  undo() {
+  }
+}
+class yl {
+  constructor(e, n, l) {
+    D(this, "_factories", /* @__PURE__ */ new Map());
+    this.docModel = e, this.selectionManager = n, this.historyManager = l, this._registerBuiltinCommands();
+  }
+  // ─── 注册内置命令 ─────────────────────────────────────────────────────────
+  _registerBuiltinCommands() {
+    this.register("insertText", (n) => {
+      const { focus: l } = this.selectionManager.selection;
+      return new vl(this.docModel, this.selectionManager, l, n);
+    }), this.register("insertParagraph", () => new ml(this.docModel, this.selectionManager)), this.register("deleteBackward", () => new zt(this.docModel, this.selectionManager, "backward")), this.register("deleteForward", () => new zt(this.docModel, this.selectionManager, "forward")), this.register("undo", () => null), this.register("redo", () => null), ["bold", "italic", "underline", "strikethrough", "superscript", "subscript"].forEach((n) => {
+      this.register(n, () => new qe(this.docModel, this.selectionManager, n));
+    }), this.register("fontSize", (n) => new qe(this.docModel, this.selectionManager, "fontSize", n)), this.register("fontFamily", (n) => new qe(this.docModel, this.selectionManager, "fontFamily", n)), this.register("color", (n) => new qe(this.docModel, this.selectionManager, "color", n)), this.register("backgroundColor", (n) => new qe(this.docModel, this.selectionManager, "backgroundColor", n)), this.register("textAlign", (n) => new gt(this.docModel, this.selectionManager, "textAlign", n)), this.register("lineHeight", (n) => new gt(this.docModel, this.selectionManager, "lineHeight", n)), this.register("heading", (n) => new gt(this.docModel, this.selectionManager, "heading", n)), this.register("selectAll", () => (this.selectionManager.selectAll(), null)), this.register("setSelection", (n) => {
+      if (n) {
+        const l = n;
+        this.selectionManager.setSelection(l.anchor, l.focus);
+      }
+      return null;
+    });
+  }
+  // ─── 公共 API ─────────────────────────────────────────────────────────────
+  register(e, n) {
+    this._factories.set(e, n);
+  }
+  exec(e, n) {
+    if (e === "undo") {
+      this.historyManager.undo();
+      return;
+    }
+    if (e === "redo") {
+      this.historyManager.redo();
+      return;
+    }
+    const l = this._factories.get(e);
+    if (!l) {
+      console.warn(`[CommandManager] 未注册命令: ${e}`);
+      return;
+    }
+    const o = l(n);
+    o && (o.execute(), this.historyManager.push(o));
+  }
+}
+class bl {
+  constructor(e, n) {
+    D(this, "_el", null);
+    D(this, "_commandManager");
+    D(this, "_selectionManager");
+    D(this, "_composing", !1);
+    // 正在 IME 输入中
+    D(this, "_boundKeydown");
+    D(this, "_boundBeforeInput");
+    D(this, "_boundCompositionStart");
+    D(this, "_boundCompositionEnd");
+    D(this, "_boundSelectionChange");
+    this._commandManager = e, this._selectionManager = n, this._boundKeydown = this._onKeydown.bind(this), this._boundBeforeInput = this._onBeforeInput.bind(this), this._boundCompositionStart = () => {
+      this._composing = !0;
+    }, this._boundCompositionEnd = this._onCompositionEnd.bind(this), this._boundSelectionChange = this._onSelectionChange.bind(this);
+  }
+  attach(e) {
+    this._el = e, e.addEventListener("keydown", this._boundKeydown), e.addEventListener("beforeinput", this._boundBeforeInput), e.addEventListener("compositionstart", this._boundCompositionStart), e.addEventListener("compositionend", this._boundCompositionEnd), document.addEventListener("selectionchange", this._boundSelectionChange);
+  }
+  detach() {
+    this._el && (this._el.removeEventListener("keydown", this._boundKeydown), this._el.removeEventListener("beforeinput", this._boundBeforeInput), this._el.removeEventListener("compositionstart", this._boundCompositionStart), this._el.removeEventListener("compositionend", this._boundCompositionEnd), document.removeEventListener("selectionchange", this._boundSelectionChange), this._el = null);
+  }
+  // ─── 事件处理 ─────────────────────────────────────────────────────────────
+  _onKeydown(e) {
+    const n = e.key, l = e.ctrlKey || e.metaKey, o = e.shiftKey;
+    if (l)
+      switch (n) {
+        case "z":
+          e.preventDefault(), o ? this._commandManager.exec("redo") : this._commandManager.exec("undo");
+          return;
+        case "b":
+          e.preventDefault(), this._commandManager.exec("bold");
+          return;
+        case "i":
+          e.preventDefault(), this._commandManager.exec("italic");
+          return;
+        case "u":
+          e.preventDefault(), this._commandManager.exec("underline");
+          return;
+        case "a":
+          e.preventDefault(), this._commandManager.exec("selectAll");
+          return;
+      }
+    switch (n) {
+      case "Enter":
+        e.preventDefault(), this._composing || this._commandManager.exec("insertParagraph");
+        break;
+      case "Backspace":
+        e.preventDefault(), this._composing || this._commandManager.exec("deleteBackward");
+        break;
+      case "Delete":
+        e.preventDefault(), this._composing || this._commandManager.exec("deleteForward");
+        break;
+      case "ArrowLeft":
+        e.preventDefault(), this._selectionManager.moveBackward(o);
+        break;
+      case "ArrowRight":
+        e.preventDefault(), this._selectionManager.moveForward(o);
+        break;
+      case "Tab":
+        e.preventDefault(), this._commandManager.exec("insertText", "	");
+        break;
+    }
+  }
+  _onBeforeInput(e) {
+    e.preventDefault(), !this._composing && e.data && this._commandManager.exec("insertText", e.data);
+  }
+  _onCompositionEnd(e) {
+    this._composing = !1, e.data && this._commandManager.exec("insertText", e.data);
+  }
+  _onSelectionChange() {
+    const e = window.getSelection();
+    if (!e || !this._el) return;
+    const n = e.anchorNode, l = e.focusNode;
+    if (!n || !l || !this._el.contains(n) && !this._el.contains(l)) return;
+    const o = pt.domToModelPoint(n, e.anchorOffset), r = pt.domToModelPoint(l, e.focusOffset);
+    o && r && this._selectionManager.setSelection(o, r);
+  }
+}
+class _l {
+  constructor(e = {}) {
+    D(this, "docModel");
+    D(this, "selection");
+    D(this, "history");
+    D(this, "commands");
+    D(this, "input");
+    D(this, "_readonly");
+    D(this, "_plugins", []);
+    D(this, "_inputEl", null);
+    var n;
+    this._readonly = e.readonly ?? !1, this.docModel = new ot(e.initialDocument), this.selection = new pt(this.docModel), this.history = new pl(), this.commands = new yl(this.docModel, this.selection, this.history), this.input = new bl(this.commands, this.selection), (n = e.plugins) == null || n.forEach((l) => this.use(l));
+  }
+  // ─── 公共 API ─────────────────────────────────────────────────────────────
+  /**
+   * 执行命令（外部调用入口）
+   * @example editor.exec('bold')
+   * @example editor.exec('fontSize', 18)
+   * @example editor.exec('insertText', 'hello')
+   */
+  exec(e, n) {
+    if (this._readonly && !this._isReadCommand(e)) {
+      console.warn("[Editor] 只读模式，忽略写操作");
+      return;
+    }
+    this.commands.exec(e, n);
+  }
+  /** 挂载输入层到指定 DOM 元素 */
+  mount(e) {
+    this._inputEl = e, this._readonly || this.input.attach(e);
+  }
+  /** 卸载输入层 */
+  unmount() {
+    this.input.detach(), this._inputEl = null;
+  }
+  /** 安装插件 */
+  use(e) {
+    return this._plugins.find((n) => n.name === e.name) ? (console.warn(`[Editor] 插件 ${e.name} 已安装`), this) : (e.install(this), this._plugins.push(e), this);
+  }
+  /** 获取序列化后的文档 JSON */
+  getJSON() {
+    return this.docModel.toJSON();
+  }
+  /** 从 JSON 加载文档（清空历史） */
+  loadJSON(e) {
+    const n = ot.fromJSON(e);
+    Object.assign(this.docModel.data, n.data), this.history.clear();
+  }
+  get isReadonly() {
+    return this._readonly;
+  }
+  _isReadCommand(e) {
+    return ["undo", "redo", "selectAll", "setSelection"].includes(e);
+  }
+}
+const Yt = Symbol("editor");
+function Il(t) {
+  const e = new _l(t);
+  return Kt(Yt, e), at(() => {
+    e.unmount();
+  }), e;
+}
+function El() {
+  const t = jt(Yt);
+  if (!t)
+    throw new Error("[useEditor] 必须在 EditorContainer 组件内使用");
+  return t;
+}
+const xl = fl, Sl = {
+  install(t) {
+    t.component("EditorContainer", xl);
+  }
+};
+export {
+  _l as Editor,
+  xl as EditorContainer,
+  Yt as EditorKey,
+  Il as createEditor,
+  Sl as default,
+  El as useEditor
+};