@bireturn/word-editor 1.0.4 → 1.0.5

package/lib/word-editor.es.js

@@ -0,0 +1,2930 @@
+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 ae, ref as te, onMounted as ft, onUnmounted as lt, openBlock as u, createElementBlock as v, normalizeStyle as N, createElementVNode as ee, Fragment as U, renderList as Z, normalizeClass as Ie, createBlock as ke, resolveDynamicComponent as nt, toDisplayString as J, unref as z, createCommentVNode as ue, render as Vt, h as _n, defineComponent as xn, getCurrentInstance as kn, watch as Ve, nextTick as be, createVNode as q, createTextVNode as He, isVNode as wn, renderSlot as Cn, resolveComponent as Mn, inject as jt, withCtx as Ke, 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 st, Upload as Tn, Save as Fn, RotateCcw as An, History as Pn, Settings as $n, Info as Ln, Globe as Rn, 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 rt, 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 = ae(() => {
+      var R, T;
+      return {
+        left: `${(R = l.e) == null ? void 0 : R.pageX}px`,
+        top: `${(T = l.e) == null ? void 0 : T.pageY}px`
+      };
+    }), r = te([]), y = te(null);
+    let s = null;
+    const m = te(), h = (R, T, f) => {
+      if (R.children && R.children.length > 0) {
+        T && T.preventDefault() && T.stopPropagation();
+        return;
+      }
+      R.disabled || (f ? n("menuClick", { ...R, parent: f.code }, l.row) : n("menuClick", R, l.row)), T && T.preventDefault() && T.stopPropagation();
+    }, I = (R) => {
+      let T = R.target;
+      for (; T && T != m.value; )
+        T = T.parentNode;
+      T != m.value && n("close");
+    }, S = (R, T) => {
+      R.currentTarget.classList.add("link--active"), s && (clearTimeout(s), s = null), T.children && T.children.length > 0 ? y.value = T.code : s = setTimeout(() => {
+        y.value = null;
+      }, 100);
+    }, L = (R, T) => {
+      R.currentTarget.classList.remove("link--active"), T.children && T.children.length > 0 && (s = setTimeout(() => {
+        y.value === T.code && (y.value = null);
+      }, 300));
+    }, x = (R) => {
+      s && (clearTimeout(s), s = null), R.currentTarget.classList.add("link--active");
+    }, K = (R) => {
+      R.currentTarget.classList.remove("link--active");
+    }, ne = (R) => {
+      const T = R.code || "", f = (R.name || "").toLowerCase(), E = {
+        // 添加操作 - 根据具体类型使用不同图标
+        "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: st,
+        // 完整导出
+        // 文件格式
+        pdf: rt,
+        // PDF格式
+        word: Mt,
+        // WORD格式
+        excel: Kn,
+        // Excel格式
+        txt: rt,
+        // 文本格式
+        // 视图操作
+        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: Rn,
+        // 解锁
+        // 其他操作
+        info: Ln,
+        // 信息
+        settings: $n,
+        // 设置
+        history: Pn,
+        // 历史
+        refresh: An,
+        // 刷新
+        save: Fn,
+        // 保存
+        upload: Tn,
+        // 上传
+        download: st,
+        // 下载
+        more: kt
+        // 更多
+      };
+      return E[T] ? E[T] : 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 : st : f.includes("粘贴") || f.includes("paste") ? Tt : f.includes("删除") || f.includes("delete") ? St : f.includes("pdf") ? rt : f.includes("word") ? Mt : kt;
+    };
+    return ft(() => {
+      var R, T, f, E, B, A, P;
+      (R = l.menuConfig) != null && R.visibleMethod && typeof ((T = l.menuConfig) == null ? void 0 : T.visibleMethod) == "function" && ((B = l.menuConfig) == null || B.visibleMethod({
+        options: (E = (f = l.menuConfig) == null ? void 0 : f.body) == null ? void 0 : E.options,
+        row: l.row
+      })), r.value = (((P = (A = l.menuConfig) == null ? void 0 : A.body) == null ? void 0 : P.options) || []).flat(), document.addEventListener("click", I, !0);
+    }), lt(() => {
+      document.removeEventListener("click", I, !0);
+    }), (R, T) => (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])
+    }, [
+      ee("ul", Zn, [
+        (u(!0), v(U, null, Z(r.value, (f) => (u(), v("li", {
+          class: Ie({
+            "link--disabled": f.disabled,
+            "has-children": f.children && f.children.length > 0,
+            "modern-menu-item": !0
+          }),
+          key: f.code,
+          onMouseenter: (E) => S(E, f),
+          onMouseleave: (E) => L(E, f)
+        }, [
+          ee("a", {
+            class: "we-vt-context-menu--link modern-menu-link",
+            onClick: (E) => h(f, E)
+          }, [
+            (u(), ke(nt(ne(f)), {
+              size: 16,
+              class: "menu-icon"
+            })),
+            ee("span", ti, J(f.name), 1),
+            f.children && f.children.length > 0 ? (u(), ke(z(Ut), {
+              key: 0,
+              size: 14,
+              class: "submenu-arrow"
+            })) : ue("", !0)
+          ], 8, ei),
+          f.children && f.children.length > 0 && y.value === f.code ? (u(), v("ul", ni, [
+            (u(!0), v(U, null, Z(f.children, (E) => (u(), v("li", {
+              key: E.code,
+              class: Ie({
+                "link--disabled": E.disabled,
+                "modern-submenu-item": !0
+              }),
+              onMouseenter: x,
+              onMouseleave: K
+            }, [
+              ee("a", {
+                class: "we-vt-context-menu--link modern-submenu-link",
+                onClick: (B) => h(E, B, f)
+              }, [
+                (u(), ke(nt(ne(E)), {
+                  size: 14,
+                  class: "submenu-icon"
+                })),
+                ee("span", li, J(E.name), 1)
+              ], 8, ii)
+            ], 34))), 128))
+          ])) : ue("", !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((I) => {
+    const S = I[o];
+    y[S] || (y[S] = []), y[S].push(I);
+  });
+  function s(I) {
+    const S = y[I] || [];
+    S.sort(
+      (x, K) => x[r] && K[r] ? x[r] - K[r] : 0
+    );
+    const L = [];
+    return S.forEach((x) => {
+      L.push(x), L.push(...s(x[l]));
+    }), L;
+  }
+  let m = [];
+  if (Array.isArray(e))
+    m = e;
+  else {
+    const I = new Set(t.map((x) => x[l])), S = t.filter((x) => !I.has(x[o]));
+    if (S.length === 0)
+      throw new Error("无法确定根节点：可能存在循环引用或数据不完整");
+    const L = {};
+    S.forEach((x) => {
+      const K = x[o];
+      L[K] = (L[K] || 0) + 1;
+    }), m = Object.entries(L).map(([x]) => x);
+  }
+  let h = [];
+  return m.forEach((I) => {
+    h = h.concat(s(I));
+  }), 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 = te(), y = te(!1), s = te(null), m = te(null), h = te([]);
+    let I = /* @__PURE__ */ new Map();
+    const S = /* @__PURE__ */ new Map();
+    te(0);
+    const L = te([]);
+    te([]);
+    const x = te(/* @__PURE__ */ new Set()), K = te(/* @__PURE__ */ new Set()), ne = te(null), R = 2, T = /* @__PURE__ */ new WeakMap(), f = te(null), E = te(""), B = /* @__PURE__ */ new Set(), A = ae(() => {
+      try {
+        return Array.isArray(h.value) ? h.value : [];
+      } catch {
+        return [];
+      }
+    }), P = (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 (T.has(i)) {
+        const w = T.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, C = b + _, F = ((g = (i.content || "").match(/[\u4e00-\u9fa5]/g)) == null ? void 0 : g.length) || 0, O = C - F, M = F * 12 + O * 6, $ = Math.max(1, Math.ceil(M / 760));
+          c = Math.max(20, $ * 18), i._editing && (c += 20);
+          break;
+        }
+      }
+      return T.set(i, {
+        key: a,
+        height: c
+      }), c;
+    }, Q = ae(() => {
+      if (A.value.length === 0) return 30;
+      const i = A.value.slice(0, Math.min(100, A.value.length));
+      if (i.length === 0) return 30;
+      const a = i.reduce((p, d) => p + P(d), 0) / i.length, c = Math.max(20, Math.floor(a * 0.6));
+      return Math.min(c, 60);
+    });
+    let le;
+    const ot = (i, a) => {
+      e("menu-click", {
+        menu: i,
+        row: a
+      }), le == null || le.onClose(), le = null;
+    }, W = (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;
+      le == null || le.onClose(), le = 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 = Me(k);
+        b && (le = ci({
+          e: i,
+          row: b,
+          menuConfig: t.menuConfig,
+          onMenuClick: ot
+        }), i.preventDefault(), i.stopPropagation());
+      }
+    }, pe = (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" && Ve(() => s.value, (i) => {
+      document.removeEventListener("click", pe, !0), i && setTimeout(() => {
+        document.addEventListener("click", pe, !0);
+      }, 200);
+    });
+    const ye = (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
+      };
+    })), _e = () => {
+      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 + P(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, C = 1;
+        h.value.forEach((F, O) => {
+          const M = P(F);
+          (F.layer || 0) <= 2 && k.length > 0 ? (w.push({
+            items: [...k],
+            startIndex: _,
+            endIndex: O,
+            height: b,
+            pageNumber: C++
+          }), k = [F], b = M, _ = O) : b + M > g && k.length > 0 ? (w.push({
+            items: [...k],
+            startIndex: _,
+            endIndex: O,
+            height: b,
+            pageNumber: C++
+          }), k = [F], b = Math.min(M, g), _ = O) : (k.push(F), b += M);
+        }), k.length > 0 && w.push({
+          items: k,
+          startIndex: _,
+          endIndex: h.value.length,
+          height: b,
+          pageNumber: C
+        }), L.value = w;
+      }
+    }, De = () => {
+      try {
+        const i = Array.isArray(t.data) ? t.data : [], a = ye(i);
+        if (!(a !== E.value) && h.value.length > 0)
+          return;
+        E.value = a;
+        const p = (t.treeConfig ? di(i, void 0, t.treeConfig) : i).map((g, w) => {
+          const k = g[t.rowConfig.keyField], b = S.get(k);
+          if (!b || b.content !== g.content || b.content_type !== g.content_type) {
+            B.add(k);
+            const _ = {
+              ...g,
+              index: w,
+              _editing: g._editing || !1,
+              _original: (b == null ? void 0 : b._original) || {
+                ...g
+              }
+              // 保留原始数据，避免重复深拷贝
+            };
+            return S.set(k, _), _;
+          }
+          return b.index = w, b;
+        });
+        h.value = p, _e();
+        const d = new Set(p.map((g) => g[t.rowConfig.keyField]));
+        for (const [g] of S)
+          d.has(g) || (S.delete(g), B.delete(g));
+      } catch {
+        h.value = [], L.value = [], S.clear(), B.clear();
+      }
+    };
+    Ve(() => t.data, (i, a) => {
+      try {
+        if (!Array.isArray(i))
+          return;
+        be(() => {
+          if (De(), t.pageConfig.enabled) {
+            K.value.clear(), x.value.clear();
+            for (let c = 0; c < Math.min(3, L.value.length); c++)
+              K.value.add(c);
+            be(() => {
+              re();
+            });
+          }
+        });
+      } catch {
+      }
+    }, {
+      deep: !1,
+      immediate: !1
+    }), Ve(() => t.pageData, () => {
+      if (t.pageConfig.enabled) {
+        _e(), K.value.clear(), x.value.clear();
+        for (let i = 0; i < Math.min(3, L.value.length); i++)
+          K.value.add(i);
+        be(() => {
+          re();
+        });
+      }
+    }, {
+      deep: !0
+    }), Ve(() => t.pageConfig, () => {
+      if (t.pageConfig.enabled) {
+        _e(), K.value.clear(), x.value.clear();
+        for (let i = 0; i < Math.min(3, L.value.length); i++)
+          K.value.add(i);
+        be(() => {
+          re();
+        });
+      }
+    }, {
+      deep: !0
+    }), Ve(m, () => e("current-change", {
+      row: m.value
+    }));
+    let Ee = null;
+    const se = () => {
+      window.ResizeObserver && (Ee = 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 = Me(d);
+          if (!g) continue;
+          const w = p.contentRect.height, k = ((c = T.get(g)) == null ? void 0 : c.height) || 0;
+          if (Math.abs(k - w) > 5) {
+            const b = T.get(g) || {};
+            T.set(g, {
+              ...b,
+              height: w
+            }), requestAnimationFrame(() => {
+              var C;
+              const _ = p.target.__vueParentComponent;
+              (C = _ == null ? void 0 : _.proxy) != null && C.updateSize && _.proxy.updateSize();
+            });
+          }
+        }
+      }), be(() => {
+        var c;
+        const i = (c = r.value) == null ? void 0 : c.$el;
+        if (!i) return;
+        i.querySelectorAll("[data-id]").forEach((p) => {
+          p.dataset.id && Ee.observe(p);
+        });
+      }));
+    }, fe = () => {
+      f.value && (f.value.disconnect(), f.value = null), Ee && (Ee.disconnect(), Ee = null);
+    }, re = () => {
+      t.pageConfig.enabled && (ne.value && ne.value.disconnect(), ne.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 - R); p <= Math.min(L.value.length - 1, c + R); p++)
+              K.value.add(p);
+          } else
+            x.value.delete(c), setTimeout(() => {
+              x.value.has(c) || Array.from(x.value).some((d) => Math.abs(d - c) <= R * 2) || K.value.delete(c);
+            }, 3e3);
+        });
+      }, {
+        root: null,
+        rootMargin: "100px",
+        threshold: 0.01
+      }), be(() => {
+        const i = document.querySelector(".a4-pages-container");
+        i && i.querySelectorAll(".a4-page-placeholder").forEach((c) => {
+          ne.value.observe(c);
+        });
+      }));
+    };
+    ft(() => {
+      De(), be(() => {
+        var i;
+        if (se(), we.setup(), re(), ((i = t.editConfig) == null ? void 0 : i.trigger) === "contenteditable" && (document.addEventListener("selectionchange", pt), document.addEventListener("mouseup", vt)), t.pageConfig.enabled)
+          for (let a = 0; a < Math.min(3, L.value.length); a++)
+            K.value.add(a);
+      }), y.value = !0;
+    }), lt(() => {
+      var i;
+      fe(), we.cleanup(), ne.value && (ne.value.disconnect(), ne.value = null), ((i = t.editConfig) == null ? void 0 : i.trigger) === "contenteditable" && (document.removeEventListener("selectionchange", pt), document.removeEventListener("mouseup", vt)), Se && clearTimeout(Se), I = /* @__PURE__ */ new Map(), S.clear(), K.value.clear(), x.value.clear();
+    });
+    const we = {
+      handlers: /* @__PURE__ */ new Map(),
+      setup() {
+        be(() => {
+          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 = Me(c);
+        p && Je(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 = Me(c);
+        p && Ne(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));
+      }
+    }, de = (i) => {
+      Je(i);
+    }, X = (i) => Ne(i);
+    let Ce = null, Fe;
+    const me = ({
+      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);
+      Ce === g && Fe && (clearTimeout(Fe), Ce = null), ((k = s.value) == null ? void 0 : k[t.rowConfig.keyField]) != (i == null ? void 0 : i[t.rowConfig.keyField]) && setTimeout(() => {
+        var _, C;
+        s.value = i;
+        let b = (_ = d == null ? void 0 : d.getAttribute) == null ? void 0 : _.call(d, "field");
+        if (!b) {
+          try {
+            const F = document.getSelection();
+            let O = F == null ? void 0 : F.anchorNode;
+            O && O.nodeType === 3 && (O = O.parentElement);
+            const M = (C = O == null ? void 0 : O.closest) == null ? void 0 : C.call(O, "[field]");
+            M && (b = M.getAttribute("field"));
+          } catch {
+          }
+          if (!b && (c != null && c.composedPath)) {
+            for (const F of c.composedPath())
+              if (F != null && F.getAttribute && F.getAttribute("field")) {
+                b = F.getAttribute("field");
+                break;
+              }
+          }
+        }
+        e("edit-activated", {
+          row: i,
+          column: {
+            ...a,
+            field: b
+          },
+          $table: o == null ? void 0 : o.exposed
+        });
+      }, 200);
+    }, xe = ({
+      row: i,
+      column: a
+    }, c, p) => {
+      var g;
+      const d = p || c.target;
+      Ce = $t(d, "virtual-table-cell", (g = r.value) == null ? void 0 : g.$el), Fe && clearTimeout(Fe), Fe = setTimeout(() => {
+        var b, _, C, F, 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 M = document.getSelection();
+            let $ = M == null ? void 0 : M.anchorNode;
+            $ && $.nodeType === 3 && ($ = $.parentElement);
+            const Y = (_ = $ == null ? void 0 : $.closest) == null ? void 0 : _.call($, "[field]");
+            Y && (k = Y.getAttribute("field"));
+          } catch {
+          }
+          if (!k && (c != null && c.composedPath)) {
+            for (const M of c.composedPath())
+              if (M != null && M.getAttribute && M.getAttribute("field")) {
+                k = M.getAttribute("field");
+                break;
+              }
+          }
+        }
+        if (w !== "table") {
+          if (w === "text") {
+            let M = null, $ = null;
+            if ((C = d == null ? void 0 : d.getAttribute) != null && C.call(d, "field") ? M = d : (F = d == null ? void 0 : d.closest) != null && F.call(d, "[field]") && (M = d.closest("[field]")), M && ($ = M.textContent), k && $ !== void 0 && $ !== null) {
+              $ = $.trim();
+              const Y = ((O = i[k]) == null ? void 0 : O.trim()) || "";
+              $ !== Y && (i[k] = $);
+            }
+          }
+        }
+        e("edit-closed", {
+          row: i,
+          column: {
+            ...a,
+            field: k
+          },
+          $table: o == null ? void 0 : o.exposed
+        });
+      }, 50);
+    };
+    let H = null, Se = null;
+    const Pe = (i) => {
+      var a;
+      ((a = t.editConfig) == null ? void 0 : a.trigger) === "contenteditable" && gt("focusin", i);
+    }, We = (i) => {
+      var a, c, p, d, g;
+      if (((a = t.editConfig) == null ? void 0 : a.trigger) === "contenteditable")
+        if (H != null && H.cellEl) {
+          let w = H.fieldEl;
+          !w && H.field && (w = (p = (c = H.cellEl) == null ? void 0 : c.querySelector) == null ? void 0 : p.call(c, `[field="${H.field}"]`)), w || (w = ((g = (d = H.cellEl).querySelector) == null ? void 0 : g.call(d, "[field]")) || H.cellEl), xe(H, {
+            target: w
+          }, w), H = null;
+        } else
+          gt("focusout", i);
+    }, gt = (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 C = (c = _ == null ? void 0 : _.closest) == null ? void 0 : c.call(_, ".virtual-table-cell"), F = (p = _ == null ? void 0 : _.closest) == null ? void 0 : p.call(_, ".virtual-table-row");
+        if (!C || !F) return;
+        const O = F.getAttribute("data-id"), M = C.getAttribute("data-prop"), $ = Me(O), Y = $e.value.find((oe) => `${oe.prop}` == `${M}`) || {}, j = ((d = _ == null ? void 0 : _.closest) == null ? void 0 : d.call(_, "[field]")) || null, V = ((g = j == null ? void 0 : j.getAttribute) == null ? void 0 : g.call(j, "field")) || void 0;
+        i === "focusin" ? (H = {
+          row: $,
+          column: Y,
+          cellEl: C,
+          rowEl: F,
+          fieldEl: j,
+          field: V
+        }, me({
+          row: $,
+          column: Y
+        }, a, j || ((w = _ == null ? void 0 : _.closest) == null ? void 0 : w.call(_, "[field]")))) : xe({
+          row: $,
+          column: Y
+        }, a, j || ((k = _ == null ? void 0 : _.closest) == null ? void 0 : k.call(_, "[field]")));
+      } catch {
+      }
+    }, pt = () => {
+      var i;
+      ((i = t.editConfig) == null ? void 0 : i.trigger) === "contenteditable" && (Se && clearTimeout(Se), Se = setTimeout(() => {
+        var a, c, p, d, g, w, k, b, _, C, F, O, M, $;
+        try {
+          const Y = document.getSelection();
+          if (Y.rangeCount === 0) return;
+          const j = Y.getRangeAt(0);
+          let V = j.startContainer;
+          V.nodeType === 3 && (V = V.parentElement);
+          const oe = (a = V == null ? void 0 : V.closest) == null ? void 0 : a.call(V, ".virtual-table-cell"), ie = (c = V == null ? void 0 : V.closest) == null ? void 0 : c.call(V, ".virtual-table-row");
+          if (!oe || !ie) return;
+          const Le = ie.getAttribute("data-id"), Re = oe.getAttribute("data-prop"), ge = Me(Le), ce = $e.value.find((G) => `${G.prop}` == `${Re}`) || {};
+          if (!H || ((p = H.row) == null ? void 0 : p[t.rowConfig.keyField]) !== (ge == null ? void 0 : ge[t.rowConfig.keyField]) || ((d = H.column) == null ? void 0 : d.prop) !== (ce == null ? void 0 : ce.prop)) {
+            if (H) {
+              let G = H.fieldEl;
+              !G && H.field && (G = (w = (g = H.cellEl) == null ? void 0 : g.querySelector) == null ? void 0 : w.call(g, `[field="${H.field}"]`)), G || (G = ((b = (k = H.cellEl) == null ? void 0 : k.querySelector) == null ? void 0 : b.call(k, "[field]")) || H.cellEl), xe(H, {
+                target: G
+              }, G);
+            }
+            H = {
+              row: ge,
+              column: ce,
+              cellEl: oe,
+              rowEl: ie,
+              fieldEl: ((_ = V == null ? void 0 : V.closest) == null ? void 0 : _.call(V, "[field]")) || null,
+              field: ((O = (F = ((C = V == null ? void 0 : V.closest) == null ? void 0 : C.call(V, "[field]")) || null) == null ? void 0 : F.getAttribute) == null ? void 0 : O.call(F, "field")) || void 0
+            }, me({
+              row: ge,
+              column: ce
+            }, {
+              target: oe
+            }, oe);
+          }
+          if (Y.toString()) {
+            const G = j.endContainer.nodeType === 3 ? j.endContainer.parentElement : j.endContainer, Ae = (M = G == null ? void 0 : G.closest) == null ? void 0 : M.call(G, ".virtual-table-cell"), Qe = ($ = G == null ? void 0 : G.closest) == null ? void 0 : $.call(G, ".virtual-table-row");
+          }
+        } catch {
+        }
+      }, 50));
+    }, vt = () => {
+      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 C = k.startContainer;
+              (C == null ? void 0 : C.nodeType) === 3 && (C = C.parentElement);
+              const F = (p = C == null ? void 0 : C.closest) == null ? void 0 : p.call(C, ".virtual-table-cell"), O = (d = C == null ? void 0 : C.closest) == null ? void 0 : d.call(C, ".virtual-table-row");
+              b = F && O ? {
+                rowId: O.getAttribute("data-id"),
+                prop: F.getAttribute("data-prop")
+              } : null;
+              let M = k.endContainer;
+              (M == null ? void 0 : M.nodeType) === 3 && (M = M.parentElement);
+              const $ = (g = M == null ? void 0 : M.closest) == null ? void 0 : g.call(M, ".virtual-table-cell"), Y = (w = M == null ? void 0 : M.closest) == null ? void 0 : w.call(M, ".virtual-table-row");
+              _ = $ && Y ? {
+                rowId: Y.getAttribute("data-id"),
+                prop: $.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 ? I.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];
+    }, Me = (i) => {
+      if (!i) return null;
+      let a = S.get(i);
+      return a || (typeof i == "number" ? S.get(`${i}`) : typeof i == "string" && /^\d+$/.test(i) ? S.get(Number(i)) : null);
+    };
+    let Ge = null;
+    const nn = (i) => {
+      Ge && cancelAnimationFrame(Ge), Ge = 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++)
+              K.value.has(g) || K.value.add(g);
+            be(() => {
+              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, C = b;
+                  for (; C && C !== g; )
+                    _ += C.offsetTop, C = C.offsetParent;
+                  const F = g.clientHeight;
+                  let O = _ - F * 0.3;
+                  O = Math.max(0, O);
+                  const M = g.scrollTop, $ = Math.abs(O - M), Y = (j) => {
+                    const V = g.scrollTop, oe = j - V, ie = Math.min(800, Math.max(300, $ * 0.5)), Le = performance.now(), Re = (ce) => ce < 0.5 ? 4 * ce * ce * ce : 1 - Math.pow(-2 * ce + 2, 3) / 2, ge = (ce) => {
+                      const ze = ce - Le, G = Math.min(ze / ie, 1), Ae = Re(G), Qe = V + oe * Ae;
+                      g.scrollTop = Qe, G < 1 ? requestAnimationFrame(ge) : setTimeout(() => {
+                        g.scrollTop = j;
+                      }, 50);
+                    };
+                    requestAnimationFrame(ge);
+                  };
+                  $ > 3e3 ? g.scrollTo({
+                    top: O,
+                    behavior: "instant"
+                  }) : Y(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);
+        }
+        Ge = null;
+      });
+    }, Je = (i) => {
+      if (i) {
+        if (!y.value) {
+          setTimeout(() => Je(i), 200);
+          return;
+        }
+        m.value = i, m.value !== s.value && s.value && (s.value._editing = !1, setTimeout(() => {
+          s.value = null;
+        }, 200));
+      }
+    }, Ne = (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(() => Ne(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) => Ne(i), at = () => {
+      if (_e(), 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++)
+            K.value.add(c);
+        } else
+          for (let a = 0; a < Math.min(3, L.value.length); a++)
+            K.value.add(a);
+        be(() => {
+          re();
+        });
+      }
+      be(() => {
+        !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 = Me(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]);
+      I.set(i.node_id, i), S.set(i[t.rowConfig.keyField], i), h.value.splice(p, 0, i), at(), c({
+        row: i
+      });
+    }), an = (i, a) => new Promise((c) => {
+      const p = h.value.findIndex((d) => d[t.rowConfig.keyField] == a[t.rowConfig.keyField]) + 1;
+      I.set(i.node_id, i), S.set(i[t.rowConfig.keyField], i), h.value.splice(p, 0, i), at(), 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];
+        I.delete(i.node_id), S.delete(c), h.value.splice(a, 1), at();
+      }
+    }, 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 = Me(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 C = h.value[_];
+          if (C && b.has(C[w]))
+            k.push(C), b.set(C[g]);
+          else
+            break;
+        }
+        return k;
+      }
+      return [];
+    };
+    l({
+      isEditByRow: Zt,
+      getParentRow: Qt,
+      getSiblingRow: en,
+      getNextRow: tn,
+      getRowById: Me,
+      scrollToRow: nn,
+      setCurrentRow: Je,
+      setEditRow: Ne,
+      setEditCell: ln,
+      insertAt: on,
+      insertNextAt: an,
+      isUpdateByRow: sn,
+      isInsertByRow: rn,
+      reloadRow: cn,
+      revertData: dn,
+      remove: mt,
+      setAllTreeExpand: un,
+      clearCurrentRow: hn,
+      getAllChilds: yt
+    });
+    const $e = ae(() => 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
+      };
+    })), Xe = (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 = ae(() => {
+      var i;
+      return (i = t.treeConfig) != null && i.childCurrent && m.value ? yt(m.value).map((a) => a[t.rowConfig.keyField]) : [];
+    }), _t = te({
+      viewStartIndex: 0,
+      viewEndIndex: 0,
+      visibleStartIndex: 0,
+      visibleEndIndex: 0
+    });
+    let Ye = null, Ze = null;
+    const fn = (i, a) => {
+      Ye && cancelAnimationFrame(Ye), Ye = requestAnimationFrame(() => {
+        e("scroll-end", {
+          ..._t.value
+        }), Ye = null;
+      });
+    }, gn = (i, a, c, p) => {
+      Ze && cancelAnimationFrame(Ze), Ze = requestAnimationFrame(() => {
+        _t.value = {
+          viewStartIndex: i,
+          viewEndIndex: a,
+          visibleStartIndex: c,
+          visibleEndIndex: p
+        }, Ze = null;
+      });
+    }, pn = (i, a) => {
+      var $, Y;
+      const {
+        pageHeight: c,
+        margin: p,
+        showPageBorder: d,
+        pageBorderPadding: g,
+        pageBorderStyle: w,
+        showPageHeader: k,
+        headerHeight: b = 0,
+        footerHeight: _ = 0,
+        showPageNumber: C
+      } = t.pageConfig, F = i.pageNumber || a + 1, M = Math.max(100, c - p * 2 - b - _ - 20);
+      return K.value.has(a) ? q(U, null, [k !== !1 && (n["page-header"] || b > 0) ? q("div", {
+        class: "a4-page-header",
+        style: {
+          minHeight: `${Math.max(b, 1)}px`
+        }
+      }, [($ = n["page-header"]) == null ? void 0 : $.call(n, {
+        pageNumber: F,
+        pageIndex: a,
+        totalPages: L.value.length
+      })]) : null, a === 0 && t.showHeader ? q("div", {
+        class: "a4-table-header"
+      }, [q("div", {
+        class: "virtual-table-header we-vt-table--header we-vt-table--header-wrapper"
+      }, [$e.value.map((j) => {
+        var V, oe, ie;
+        return q("div", {
+          class: "we-vt-header--column",
+          key: j.prop,
+          style: Xe(j.width)
+        }, [q("div", {
+          class: "we-vt-cell"
+        }, [(V = j.slots) != null && V.header ? (ie = (oe = j.slots) == null ? void 0 : oe.header) == null ? void 0 : ie.call(oe, {
+          column: j
+        }) : j.title])]);
+      })])]) : null, q("div", {
+        class: "a4-page-content",
+        style: {
+          minHeight: `${M}px`,
+          ...d ? {
+            border: w,
+            padding: `${g}px`
+          } : {}
+        }
+      }, [i.items.map((j) => {
+        var V, oe;
+        return q("div", {
+          key: j[t.rowConfig.keyField],
+          "data-id": j[t.rowConfig.keyField],
+          class: {
+            "virtual-table-row": !0,
+            "we-vt-body--row": !0,
+            "row--current": j[t.rowConfig.keyField] === ((V = m.value) == null ? void 0 : V[t.rowConfig.keyField]) || ((oe = t.treeConfig) == null ? void 0 : oe.childCurrent) && bt.value.includes(j[t.rowConfig.keyField])
+          },
+          style: {
+            width: "100%"
+          },
+          onClick: () => de(j),
+          onDblclick: () => X(j)
+        }, [$e.value.map((ie) => {
+          var Le, Re, ge, ce, ze, G, Ae;
+          return q("div", {
+            key: ie.prop,
+            class: "virtual-table-cell we-vt-cell",
+            style: Xe(ie.width),
+            "data-prop": ie.prop
+          }, [j._editing && ((Le = t.editConfig) == null ? void 0 : Le.trigger) === "dblclick" ? ((Re = ie.slots) == null ? void 0 : Re.edit) && ((ce = (ge = ie.slots) == null ? void 0 : ge.edit) == null ? void 0 : ce.call(ge, {
+            row: j,
+            column: ie
+          })) : ((ze = ie.slots) == null ? void 0 : ze.default) && ((Ae = (G = ie.slots) == null ? void 0 : G.default) == null ? void 0 : Ae.call(G, {
+            row: j,
+            column: ie
+          }))]);
+        })]);
+      })]), n["page-footer"] ? (Y = n["page-footer"]) == null ? void 0 : Y.call(n, {
+        pageNumber: F,
+        pageIndex: a,
+        totalPages: L.value.length
+      }) : q("div", {
+        class: "a4-page-footer",
+        contenteditable: "false",
+        style: {
+          height: `${Math.max(_ || 0, 20)}px`
+        }
+      }, [C !== !1 ? q("span", {
+        class: "page-number",
+        contenteditable: "false"
+      }, [F, He(" / "), L.value.length]) : null])]) : q("div", {
+        class: "a4-page-loading"
+      }, [q("div", {
+        class: "loading-spinner"
+      }, null), q("div", {
+        class: "loading-text"
+      }, [He("加载中...")])]);
+    }, vn = () => {
+      var w;
+      const {
+        pageHeight: i,
+        pageWidth: a,
+        margin: c,
+        gap: p,
+        showPageBorder: d,
+        pageBorderPadding: g
+      } = t.pageConfig;
+      return q("div", {
+        class: "virtual-table we-vt-table we-vt-table--render-default border--none"
+      }, [q("div", {
+        class: "a4-pages-container",
+        contenteditable: ((w = t.editConfig) == null ? void 0 : w.trigger) === "contenteditable" ? "true" : void 0,
+        onContextmenu: W,
+        onFocusin: Pe,
+        onFocusout: We
+      }, [L.value.map((k, b) => {
+        const _ = K.value.has(b);
+        return q("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 q("div", {
+        class: "virtual-table we-vt-table we-vt-table--render-default border--none"
+      }, [t.showHeader ? q("div", {
+        class: "virtual-table-header we-vt-table--header we-vt-table--header-wrapper"
+      }, [$e.value.map((a) => {
+        var c, p, d;
+        return q("div", {
+          class: "we-vt-header--column",
+          key: a.prop,
+          style: Xe(a.width)
+        }, [q("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]), q("div", {
+          class: "we-vt-resizable is--line"
+        }, null)]);
+      })]) : void 0, q(En, {
+        ref: r,
+        items: A.value,
+        minItemSize: Q.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: W,
+        onScrollend: fn,
+        onUpdate: gn,
+        onFocusin: Pe,
+        onFocusout: We
+      }, {
+        default: ({
+          item: a,
+          index: c,
+          active: p
+        }) => {
+          var g, w, k;
+          let d;
+          return q(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 = $e.value.map((b) => {
+            var _, C, F, O, M, $, Y;
+            return q("div", {
+              key: b.prop,
+              class: "virtual-table-cell we-vt-cell",
+              style: Xe(b.width),
+              "data-prop": b.prop
+            }, [a._editing && ((_ = t.editConfig) == null ? void 0 : _.trigger) === "dblclick" ? ((C = b.slots) == null ? void 0 : C.edit) && ((O = (F = b.slots) == null ? void 0 : F.edit) == null ? void 0 : O.call(F, {
+              row: a,
+              column: b
+            })) : ((M = b.slots) == null ? void 0 : M.default) && ((Y = ($ = b.slots) == null ? void 0 : $.default) == null ? void 0 : Y.call($, {
+              row: a,
+              column: b
+            }))]);
+          })) ? d : {
+            default: () => [d]
+          });
+        }
+      })]);
+    };
+    return () => t.pageConfig.enabled ? vn() : mn();
+  }
+}), Be = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [l, o] of e)
+    n[l] = o;
+  return n;
+}, fi = /* @__PURE__ */ Be(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__ */ Be(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 = te(!0), r = ae(() => 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, [
+        ee("div", {
+          class: Ie(["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] = (I) => l("navigate", t.item))
+        }, [
+          ee("span", {
+            class: "catalog-node__toggle",
+            onClick: y
+          }, [
+            r.value ? (u(), ke(nt(o.value ? z(Gn) : z(Ut)), {
+              key: 0,
+              size: 14
+            })) : ue("", !0)
+          ]),
+          ee("span", bi, J(t.item.name || "（无标题）"), 1)
+        ], 14, yi),
+        r.value && o.value ? (u(), v("div", _i, [
+          (u(!0), v(U, null, Z(t.item.children, (I) => (u(), ke(h, {
+            key: I.nodeId,
+            item: I,
+            depth: t.depth + 1,
+            "active-id": t.activeId,
+            onNavigate: m[1] || (m[1] = (S) => l("navigate", S))
+          }, null, 8, ["item", "depth", "active-id"]))), 128))
+        ])) : ue("", !0)
+      ]);
+    };
+  }
+}, ki = /* @__PURE__ */ Be(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 = te(!1), o = te("");
+    function r(y) {
+      o.value = y.nodeId, n("navigate", y);
+    }
+    return (y, s) => l.value ? (u(), v("div", wi, [
+      ee("button", {
+        class: "catalog__icon-btn",
+        title: "展开目录",
+        onClick: s[0] || (s[0] = (m) => l.value = !1)
+      }, [
+        q(z(Jn), { size: 18 })
+      ])
+    ])) : (u(), v("div", Ci, [
+      ee("div", Mi, [
+        ee("span", Ii, [
+          q(z(Xn), { size: 16 }),
+          s[2] || (s[2] = He(" 目录 ", -1))
+        ]),
+        ee("button", {
+          class: "catalog__icon-btn",
+          title: "收起目录",
+          onClick: s[1] || (s[1] = (m) => l.value = !0)
+        }, [
+          q(z(Yn), { size: 18 })
+        ])
+      ]),
+      ee("div", Ei, [
+        (u(!0), v(U, null, Z(t.items, (m) => (u(), ke(ki, {
+          key: m.nodeId,
+          item: m,
+          "active-id": o.value,
+          onNavigate: r
+        }, null, 8, ["item", "active-id"]))), 128)),
+        t.items.length ? ue("", !0) : (u(), v("div", Si, " 暂无目录 "))
+      ])
+    ]));
+  }
+}, Fi = /* @__PURE__ */ Be(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 Li = {
+  first: 0,
+  second: 1,
+  third: 2,
+  fourth: 3,
+  fifth: 4,
+  sixth: 5,
+  seventh: 6,
+  eighth: 7
+};
+function et(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 Lt = [
+  (t) => t.toString(),
+  // first：数字
+  (t) => et(t, !0),
+  // second：大写字母
+  (t) => `(${t})`,
+  // third：括号数字
+  (t) => `(${et(t, !1)})`,
+  // fourth：括号小写字母
+  (t) => `${t})`,
+  // fifth：数字+右括号
+  (t) => `${et(t, !1)})`,
+  // sixth：小写字母+右括号
+  (t) => `<${t}>`,
+  // seventh：数字+尖括号
+  (t) => `<${et(t, !1)}>`
+  // eighth：小写字母+尖括号
+];
+function Ri() {
+  const t = new Array(8).fill(0);
+  return {
+    next(e, n) {
+      const l = Li[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 = Lt[Math.min(l, Lt.length - 1)];
+      return `${o(t[l])}. `;
+    }
+  };
+}
+const qe = 14, Jt = 760, Rt = 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 Ue(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 I = [];
+      for (const S of m.valueList || [])
+        S.value === `
+` || S.value === "​" ? (h.push([...I]), I = []) : I.push(S);
+      (I.length || h.length === 0) && h.push([...I]), 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 Oe(t) {
+  const e = t.filter((h) => h.type === "image").reduce((h, I) => h + (I.height || I.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, I) => Math.max(h, I.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 I = 1; I < m && y + I < t.length; I++)
+          e[y + I] = Math.max(e[y + I], 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 ct(t) {
+  const e = (t == null ? void 0 : t.width) || 0;
+  return !e || e <= Rt ? 1 : Rt / 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 = Ue(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 he(t) {
+  const e = {};
+  t.font && (e.fontFamily = t.font), e.fontSize = (t.size || qe) + "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 += Oe(r.titleValueList || ((o = r.el) == null ? void 0 : o.valueList) || []);
+    else if (r.type === "paragraph")
+      n += Oe(r.elements || []);
+    else if (r.type === "list") {
+      const y = Math.round(18), s = (r.items || []).reduce(
+        (m, h) => m + (h.length ? Oe(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 = ae(() => e.isHeaderFooter ? 0 : e.block.indentPx ?? 0);
+    return (o, r) => {
+      var y;
+      return t.block.blockType === "title" ? (u(), v("p", {
+        key: 0,
+        class: Ie(["doc-title", `doc-title--${t.block.level}`]),
+        style: N({ paddingLeft: l.value ? l.value + "px" : void 0 })
+      }, [
+        (u(!0), v(U, null, Z(t.block.titleValueList || [], (s, m) => (u(), v("span", {
+          key: m,
+          style: N(z(he)(s))
+        }, J(s.value), 5))), 128))
+      ], 6)) : t.block.blockType === "paragraph" ? (u(), v("p", {
+        key: 1,
+        class: "doc-para",
+        style: N({ ...z(Ot)(t.block), paddingLeft: l.value ? l.value + "px" : void 0 })
+      }, [
+        t.block.elements.length ? ue("", !0) : (u(), v("span", Ni, " ")),
+        (u(!0), v(U, null, Z(t.block.elements, (s, m) => {
+          var h, I, S, L, x, K, ne, R, T, f, E, B, A;
+          return u(), v(U, { key: m }, [
+            !s.type || s.type === "text" ? (u(), v("span", {
+              key: 0,
+              style: N(z(he)(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(U, null, Z(s.valueList || [], (P, Q) => (u(), v("span", {
+                key: Q,
+                style: N(z(he)(P))
+              }, J(P.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(U, { 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(U, null, Z(s.control.value || [], (P, Q) => (u(), v("span", {
+                  key: Q,
+                  style: N(z(he)(P))
+                }, J(P.value), 5))), 128))
+              ], 4)) : ((I = s.control) == null ? void 0 : I.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(U, null, Z(s.control.value || [], (P, Q) => (u(), v("span", { key: Q }, J(P.value), 1))), 128))
+              ], 4)) : ((S = s.control) == null ? void 0 : S.type) === "radio" ? (u(), v("span", {
+                key: 2,
+                class: Ie(["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 || z(qe)) + "px" })
+              }, [
+                (u(!0), v(U, null, Z(s.control.valueSets || [], (P, Q) => (u(), v("label", {
+                  key: Q,
+                  class: "ctrl-option"
+                }, [
+                  ee("input", {
+                    type: "radio",
+                    disabled: "",
+                    checked: s.control.code === P.code
+                  }, null, 8, ji),
+                  He(" " + J(P.value), 1)
+                ]))), 128))
+              ], 6)) : ((K = s.control) == null ? void 0 : K.type) === "checkbox" ? (u(), v("span", {
+                key: 3,
+                class: Ie(["ctrl-options", { "ctrl-options--vertical": ((R = (ne = s.control.extension) == null ? void 0 : ne.elementAttributes) == null ? void 0 : R.layout) === "vertical" }]),
+                style: N({ fontSize: (s.control.size || z(qe)) + "px" })
+              }, [
+                (u(!0), v(U, null, Z(s.control.valueSets || [], (P, Q) => (u(), v("label", {
+                  key: Q,
+                  class: "ctrl-option"
+                }, [
+                  ee("input", {
+                    type: "checkbox",
+                    disabled: "",
+                    checked: (s.control.code || "").split(",").includes(P.code)
+                  }, null, 8, Ki),
+                  He(" " + J(P.value), 1)
+                ]))), 128))
+              ], 6)) : ((T = s.control) == null ? void 0 : T.type) === "select" ? (u(), v("span", qi, J(((E = (f = s.control.value) == null ? void 0 : f[0]) == null ? void 0 : E.value) || s.control.placeholder || ""), 1)) : ue("", !0)
+            ], 64)) : s.type === "checkbox" ? (u(), v("input", {
+              key: 4,
+              type: "checkbox",
+              checked: !!((B = s.checkbox) != null && B.value),
+              disabled: "",
+              class: "el-check"
+            }, null, 8, Ui)) : s.type === "radio" ? (u(), v("input", {
+              key: 5,
+              type: "radio",
+              checked: !!((A = s.radio) != null && A.value),
+              disabled: "",
+              class: "el-check"
+            }, null, 8, Wi)) : s.type === "superscript" ? (u(), v("sup", {
+              key: 6,
+              style: N(z(he)(s))
+            }, J(s.value), 5)) : s.type === "subscript" ? (u(), v("sub", {
+              key: 7,
+              style: N(z(he)(s))
+            }, J(s.value), 5)) : s.type === "tab" ? (u(), v("span", {
+              key: 8,
+              class: "doc-tab",
+              style: N({ width: (s.size || z(qe)) + "px" })
+            }, null, 4)) : ue("", !0)
+          ], 64);
+        }), 128))
+      ], 4)) : t.block.blockType === "list" ? (u(), ke(nt(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: Ke(() => [
+          (u(!0), v(U, null, Z(t.block.items, (s, m) => (u(), v("li", {
+            key: m,
+            class: "doc-list-item"
+          }, [
+            (u(!0), v(U, null, Z(s, (h, I) => (u(), v(U, { key: I }, [
+              !h.type || h.type === "text" ? (u(), v("span", {
+                key: 0,
+                style: N(z(he)(h))
+              }, J(h.value), 5)) : h.type === "superscript" ? (u(), v("sup", {
+                key: 1,
+                style: N(z(he)(h))
+              }, J(h.value), 5)) : h.type === "subscript" ? (u(), v("sub", {
+                key: 2,
+                style: N(z(he)(h))
+              }, J(h.value), 5)) : ue("", !0)
+            ], 64))), 128))
+          ]))), 128))
+        ]),
+        _: 1
+      }, 8, ["style"])) : t.block.blockType === "table-row-group" ? (u(), v("div", {
+        key: 3,
+        class: Ie(["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
+        })
+      }, [
+        ee("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%"
+          })
+        }, [
+          ee("table", {
+            ref: t.block._baseKey && z(n) ? (s) => z(n)(s, t.block._baseKey) : void 0,
+            class: Ie(["doc-table", { "doc-table--no-border": t.block.tableEl.borderType === "empty" }]),
+            style: N({
+              width: t.block.tableEl.width ? t.block.tableEl.width * z(ct)(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(U, null, Z(t.block.tableEl.colgroup, (s, m) => (u(), v("col", {
+                key: m,
+                style: N({ width: s.width * z(ct)(t.block.tableEl) + "px" })
+              }, null, 4))), 128))
+            ])) : ue("", !0),
+            ee("tbody", null, [
+              (u(!0), v(U, null, Z(t.block.trGroup, (s, m) => (u(), v("tr", {
+                key: m,
+                style: N({ height: (s.height || s.minHeight || 30) + "px" })
+              }, [
+                (u(!0), v(U, null, Z(s.tdList || [], (h, I) => (u(), v("td", {
+                  key: I,
+                  colspan: h.colspan || 1,
+                  rowspan: h.rowspan || 1,
+                  style: N({
+                    backgroundColor: h.backgroundColor || void 0,
+                    verticalAlign: z(Bi)(h),
+                    width: h.width ? h.width * z(ct)(t.block.tableEl) + "px" : void 0,
+                    height: h.height ? h.height + "px" : void 0
+                  })
+                }, [
+                  (u(!0), v(U, null, Z(z(Ue)(h.value), (S, L) => (u(), v(U, { key: L }, [
+                    S.type === "paragraph" ? (u(), v("p", {
+                      key: 0,
+                      class: "cell-para",
+                      style: N(z(Ot)(S))
+                    }, [
+                      S.elements.length ? ue("", !0) : (u(), v("span", Xi, " ")),
+                      (u(!0), v(U, null, Z(S.elements, (x, K) => {
+                        var ne, R, T, f, E, B, A;
+                        return u(), v(U, { key: K }, [
+                          !x.type || x.type === "text" ? (u(), v("span", {
+                            key: 0,
+                            style: N(z(he)(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(U, null, Z(x.valueList || [], (P, Q) => (u(), v("span", {
+                              key: Q,
+                              style: N(z(he)(P))
+                            }, J(P.value), 5))), 128))
+                          ], 8, Zi)) : x.type === "control" ? (u(), v(U, { key: 3 }, [
+                            ((ne = x.control) == null ? void 0 : ne.type) === "text" ? (u(), v("span", {
+                              key: 0,
+                              style: N({ fontSize: (x.control.size || 12) + "px" })
+                            }, [
+                              (u(!0), v(U, null, Z(x.control.value || [], (P, Q) => (u(), v("span", {
+                                key: Q,
+                                style: N(z(he)(P))
+                              }, J(P.value), 5))), 128))
+                            ], 4)) : ((R = x.control) == null ? void 0 : R.type) === "input" ? (u(), v("span", {
+                              key: 1,
+                              class: "ctrl-input",
+                              style: N({ fontSize: (x.control.size || 12) + "px" })
+                            }, [
+                              (u(!0), v(U, null, Z(x.control.value || [], (P, Q) => (u(), v("span", { key: Q }, J(P.value), 1))), 128))
+                            ], 4)) : ((T = x.control) == null ? void 0 : T.type) === "radio" ? (u(), v("span", {
+                              key: 2,
+                              class: Ie(["ctrl-options", { "ctrl-options--vertical": ((E = (f = x.control.extension) == null ? void 0 : f.elementAttributes) == null ? void 0 : E.layout) === "vertical" }])
+                            }, [
+                              (u(!0), v(U, null, Z(x.control.valueSets || [], (P, Q) => (u(), v("label", {
+                                key: Q,
+                                class: "ctrl-option"
+                              }, [
+                                ee("input", {
+                                  type: "radio",
+                                  disabled: "",
+                                  checked: x.control.code === P.code
+                                }, null, 8, Qi),
+                                He(J(P.value), 1)
+                              ]))), 128))
+                            ], 2)) : ue("", !0)
+                          ], 64)) : x.type === "checkbox" ? (u(), v("input", {
+                            key: 4,
+                            type: "checkbox",
+                            checked: !!((B = x.checkbox) != null && B.value),
+                            disabled: "",
+                            class: "el-check"
+                          }, null, 8, el)) : x.type === "radio" ? (u(), v("input", {
+                            key: 5,
+                            type: "radio",
+                            checked: !!((A = x.radio) != null && A.value),
+                            disabled: "",
+                            class: "el-check"
+                          }, null, 8, tl)) : x.type === "superscript" ? (u(), v("sup", {
+                            key: 6,
+                            style: N(z(he)(x))
+                          }, J(x.value), 5)) : x.type === "subscript" ? (u(), v("sub", {
+                            key: 7,
+                            style: N(z(he)(x))
+                          }, J(x.value), 5)) : x.type === "tab" ? (u(), v("span", {
+                            key: 8,
+                            class: "doc-tab",
+                            style: N({ width: (x.size || z(qe)) + "px" })
+                          }, null, 4)) : ue("", !0)
+                        ], 64);
+                      }), 128))
+                    ], 4)) : ue("", !0)
+                  ], 64))), 128))
+                ], 12, Ji))), 128))
+              ], 4))), 128))
+            ])
+          ], 6)
+        ], 4)
+      ], 6)) : ue("", !0);
+    };
+  }
+}, dt = /* @__PURE__ */ Be(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 = ae(() => {
+      const f = e.data;
+      return f ? !Array.isArray(f) && f.main ? f.main : Array.isArray(f) ? f : [] : [];
+    }), l = te(null), o = te({});
+    let r = null;
+    ft(() => {
+      r = new ResizeObserver((f) => {
+        const E = {};
+        for (const B of f) {
+          const A = B.target._rowKey;
+          if (!A) continue;
+          const P = Math.round(B.contentRect.height);
+          P > (o.value[A] || 0) && (E[A] = P);
+        }
+        Object.keys(E).length && (o.value = { ...o.value, ...E });
+      });
+    }), lt(() => {
+      r == null || r.disconnect(), r = null;
+    });
+    function y(f, E) {
+      !f || !r || (f._rowKey = E, r.observe(f));
+    }
+    Kt("bindTableObserver", y);
+    const s = ae(
+      () => Math.max(100, cl - dl * 2 - S.value - L.value - ul)
+    ), m = ae(() => {
+      const f = Ue(n.value), E = [], B = s.value;
+      let A = 0;
+      const P = Ri(), Q = { first: 0, second: 1, third: 2, fourth: 3, fifth: 4, sixth: 5, seventh: 6, eighth: 7 };
+      let le = -1;
+      const ot = (W) => {
+        var pe, ye, _e;
+        return !!((pe = W.el) != null && pe._coverBreakBefore || (_e = (ye = W.elements) == null ? void 0 : ye[0]) != null && _e._coverBreakBefore);
+      };
+      return f.forEach((W, pe) => {
+        var _e, De, Ee;
+        const ye = ot(W);
+        if (ye && (A = 0), W.type === "title") {
+          const ve = W.el.valueList || [], se = P.next(W.el.level, (_e = W.el.extension) == null ? void 0 : _e.startIndex), fe = ve.some((X) => {
+            var Ce;
+            return (Ce = X.extension) == null ? void 0 : Ce.isIndex;
+          });
+          let re = ve;
+          if (!fe && se) {
+            const X = ve[0] || {};
+            re = [
+              {
+                value: se,
+                size: X.size,
+                bold: X.bold,
+                italic: X.italic,
+                color: X.color,
+                font: X.font,
+                extension: { isIndex: !0 }
+              },
+              ...ve
+            ];
+          }
+          const we = re.map((X) => X.value || "").join(""), de = Oe(re);
+          A = A + de > B && A > 0 ? de : A + de, le = Q[W.el.level] ?? 0, E.push({
+            node_id: `blk_${pe}_0`,
+            layer: ye ? 1 : 100,
+            blockType: "title",
+            level: W.el.level,
+            titleEl: W.el,
+            titleValueList: re,
+            content_type: "text",
+            content: we,
+            height: de,
+            indentPx: le * 20
+          });
+        } else if (W.type === "paragraph") {
+          const ve = Oi(W.elements), se = le >= 0 ? (le + 1) * 20 : 0;
+          ve.forEach((fe, re) => {
+            const we = fe.map((X) => X.value || "").join(""), de = Oe(fe);
+            A = A + de > B && A > 0 ? de : A + de, E.push({
+              node_id: `blk_${pe}_${re}`,
+              layer: ye && re === 0 ? 1 : 100,
+              blockType: "paragraph",
+              elements: fe,
+              rowFlex: W.rowFlex,
+              content_type: "text",
+              content: we,
+              height: de,
+              indentPx: se
+            });
+          });
+        } else if (W.type === "table") {
+          const ve = !!((De = W.el.extension) != null && De.isTitleTable), se = ((Ee = W.el.extension) == null ? void 0 : Ee.elementType) === "signOff", fe = ve || se ? 0 : le >= 0 ? (le + 1) * 20 : 0, re = Ht(W.el.trList || []), we = re.length;
+          re.forEach((de, X) => {
+            const Ce = `blk_${pe}_${X}`, Fe = de.reduce(
+              (xe, H) => xe + (H.height || H.minHeight || 35),
+              0
+            ), me = Math.max(Fe, o.value[Ce] || 0);
+            if (me > B) {
+              const xe = Math.ceil(me / B);
+              for (let H = 0; H < xe; H++) {
+                const Se = H * B, Pe = Math.min(B, me - Se), We = H > 0 || A > 0;
+                A = Pe, E.push({
+                  node_id: `blk_${pe}_${X}_s${H}`,
+                  layer: ye && X === 0 && H === 0 ? 1 : 100,
+                  blockType: "table-row-group",
+                  content_type: "table-row",
+                  rowHeight: me,
+                  trGroup: de,
+                  tableEl: W.el,
+                  tableRowFlex: W.el.rowFlex || null,
+                  isFirst: X === 0 && H === 0,
+                  isLast: X === we - 1 && H === xe - 1,
+                  isPageBreak: We,
+                  sliceOffset: Se,
+                  sliceHeight: Pe,
+                  _baseKey: H === 0 ? Ce : void 0,
+                  height: Pe,
+                  indentPx: fe
+                });
+              }
+            } else {
+              const xe = X > 0 && A + me > B;
+              A = A + me > B ? me : A + me, E.push({
+                node_id: `blk_${pe}_${X}`,
+                layer: ye && X === 0 ? 1 : 100,
+                blockType: "table-row-group",
+                content_type: "table-row",
+                rowHeight: me,
+                trGroup: de,
+                tableEl: W.el,
+                tableRowFlex: W.el.rowFlex || null,
+                isFirst: X === 0,
+                isLast: X === we - 1,
+                isPageBreak: xe,
+                indentPx: fe
+              });
+            }
+          });
+        } else if (W.type === "list") {
+          const ve = Math.round(18);
+          let se = 0;
+          for (const fe of W.items)
+            se += fe.length ? Oe(fe) : ve;
+          se = Math.max(se, ve), A = A + se > B && A > 0 ? se : A + se, E.push({
+            node_id: `blk_${pe}_0`,
+            layer: ye ? 1 : 100,
+            blockType: "list",
+            listType: W.listType,
+            listStyle: W.listStyle,
+            items: W.items,
+            height: se,
+            indentPx: le >= 0 ? (le + 1) * 20 : 0
+          });
+        }
+      }), E;
+    }), h = ae(() => {
+      var E;
+      const f = (E = e.data) == null ? void 0 : E.header;
+      return f != null && f.length ? Ue(f) : [];
+    }), I = ae(() => {
+      var E;
+      const f = (E = e.data) == null ? void 0 : E.footer;
+      return f != null && f.length ? Ue(f) : [];
+    }), S = ae(() => Bt(h.value, !0)), L = ae(() => Bt(I.value, !0)), x = ae(() => h.value.length > 0), K = ae(() => I.value.length > 0);
+    function ne(f) {
+      var E, B, A, P;
+      return {
+        blockType: f.type,
+        elements: f.elements,
+        rowFlex: f.rowFlex,
+        level: (E = f.el) == null ? void 0 : E.level,
+        titleValueList: ((B = f.el) == null ? void 0 : B.titleValueList) || f.titleValueList || ((A = f.el) == null ? void 0 : A.valueList),
+        listType: f.listType,
+        listStyle: f.listStyle,
+        items: f.items,
+        indentPx: 0,
+        trGroup: (P = f.el) != null && P.trList ? Ht(f.el.trList).flat() : void 0,
+        tableEl: f.el,
+        isFirst: !0,
+        isLast: !0
+      };
+    }
+    const R = ae(() => $i(m.value));
+    function T(f) {
+      var E;
+      (E = l.value) == null || E.scrollToRow({ node_id: f.nodeId });
+    }
+    return (f, E) => (u(), v("div", il, [
+      q(Fi, {
+        items: R.value,
+        onNavigate: T
+      }, null, 8, ["items"]),
+      ee("div", ll, [
+        t.loading ? (u(), v("div", ol, " 加载中… ")) : (u(), ke(z(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: S.value,
+            footerHeight: L.value,
+            showPageNumber: !0
+          },
+          data: m.value
+        }, In({
+          default: Ke(() => [
+            q(z(vi), null, {
+              default: Ke(({ row: B }) => [
+                q(dt, { block: B }, null, 8, ["block"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 2
+        }, [
+          x.value ? {
+            name: "page-header",
+            fn: Ke(() => [
+              ee("div", al, [
+                (u(!0), v(U, null, Z(h.value, (B, A) => (u(), ke(dt, {
+                  key: A,
+                  block: ne(B),
+                  "is-header-footer": !0
+                }, null, 8, ["block"]))), 128))
+              ])
+            ]),
+            key: "0"
+          } : void 0,
+          K.value ? {
+            name: "page-footer",
+            fn: Ke(({ pageNumber: B, totalPages: A }) => [
+              ee("div", sl, [
+                (u(!0), v(U, null, Z(I.value, (P, Q) => (u(), ke(dt, {
+                  key: Q,
+                  block: ne(P),
+                  "is-header-footer": !0
+                }, null, 8, ["block"]))), 128)),
+                ee("div", rl, J(B) + " / " + J(A), 1)
+              ])
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["page-config", "data"]))
+      ])
+    ]));
+  }
+}, fl = /* @__PURE__ */ Be(hl, [["__scopeId", "data-v-f3f51b5c"]]), Dt = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+function tt(t = 10) {
+  const e = crypto.getRandomValues(new Uint8Array(t));
+  return Array.from(e).map((n) => Dt[n % Dt.length]).join("");
+}
+class it {
+  constructor(e) {
+    D(this, "data");
+    this.data = qt({
+      id: tt(),
+      version: 1,
+      sections: [this.createEmptySection()],
+      pageWidth: 595,
+      pageHeight: 842,
+      marginTop: 72,
+      marginBottom: 72,
+      marginLeft: 90,
+      marginRight: 90,
+      ...e
+    });
+  }
+  // ─── 工厂方法 ─────────────────────────────────────────────────────────────
+  createEmptySection() {
+    return {
+      id: tt(),
+      paragraphs: [this.createEmptyParagraph()]
+    };
+  }
+  createEmptyParagraph(e) {
+    return {
+      id: tt(),
+      type: "paragraph",
+      format: e ?? {},
+      children: []
+    };
+  }
+  createTextElement(e, n) {
+    return {
+      id: tt(),
+      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, I = s === n.sectionIndex && m === n.paragraphIndex;
+      if (h && (r = !0), r)
+        for (let S = 0; S < y.children.length; S++) {
+          const L = y.children[S];
+          if (!(h && S < e.elementIndex)) {
+            if (I && S > n.elementIndex) break;
+            L.format = { ...L.format, ...l };
+          }
+        }
+      if (I) 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 it();
+    return Object.assign(l.data, n), l;
+  }
+}
+function Te(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 ht {
+  constructor(e) {
+    D(this, "_selection", qt({
+      anchor: Te(),
+      focus: Te(),
+      isCollapsed: !0
+    }));
+    D(this, "_docModel");
+    /** 是否有选区（非光标） */
+    D(this, "hasSelection", ae(() => !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 = Te(0, 0, 0, 0), this._selection.focus = Te(
+      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 ? Te(e.sectionIndex, e.paragraphIndex + 1, 0, 0) : e.sectionIndex < this._docModel.data.sections.length - 1 ? Te(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 Te(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 Te(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 je {
+  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 ut {
+  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 je(this.docModel, this.selectionManager, n));
+    }), this.register("fontSize", (n) => new je(this.docModel, this.selectionManager, "fontSize", n)), this.register("fontFamily", (n) => new je(this.docModel, this.selectionManager, "fontFamily", n)), this.register("color", (n) => new je(this.docModel, this.selectionManager, "color", n)), this.register("backgroundColor", (n) => new je(this.docModel, this.selectionManager, "backgroundColor", n)), this.register("textAlign", (n) => new ut(this.docModel, this.selectionManager, "textAlign", n)), this.register("lineHeight", (n) => new ut(this.docModel, this.selectionManager, "lineHeight", n)), this.register("heading", (n) => new ut(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 = ht.domToModelPoint(n, e.anchorOffset), r = ht.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 it(e.initialDocument), this.selection = new ht(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 = it.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), lt(() => {
+    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
+};