@univerjs/docs 0.1.0-alpha.1 → 0.1.0-alpha.2

package/lib/es/index.js

@@ -0,0 +1,2885 @@
+var Lt = Object.defineProperty;
+var At = (r, e, t) => e in r ? Lt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var _ = (r, e, t) => (At(r, typeof e != "symbol" ? e + "" : e, t), t);
+import { CommandType as C, FOCUSING_DOC as T, FOCUSING_EDITOR as ge, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as te, IUniverInstanceService as I, MemoryCursor as He, IUndoRedoService as B, ICommandService as D, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as ne, BooleanNumber as O, Tools as Q, getDocsUpdateBody as Nt, LRUMap as $t, BaselineOffset as Le, Disposable as w, toDisposable as Ke, OnLifecycle as U, LifecycleStages as L, ILogService as Bt, IContextService as jt, LocaleService as xt, UpdateDocsAttributeType as Vt, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as kt, IFloatingObjectManagerService as Ft, DataStreamTreeTokenType as Je, Direction as R, IConfigService as Ot, Plugin as zt, PluginType as Wt } from "@univerjs/core";
+import { CopyCommand as Ht, CutCommand as Gt, PasteCommand as Xt, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as qt, HTML_CLIPBOARD_MIME_TYPE as Yt, IClipboardInterfaceService as Zt, KeyCode as N, MetaKeys as fe, IShortcutService as Kt } from "@univerjs/ui";
+import { BehaviorSubject as Ae } from "rxjs";
+import { DocumentViewModel as Jt, ITextSelectionRenderManager as V, DocumentSkeleton as Qt, hasListSpan as lt, isIndentBySpan as en, isFirstSpan as tn, getParagraphBySpan as nn, isSameLine as rn, PageLayoutType as dt, IRenderManagerService as j, Liquid as sn, RANGE_DIRECTION as ut, NodePositionConvertToCursor as ht, Rect as on, CURSOR_TYPE as gt, Viewport as an, EVENT_TYPE as cn, ScrollBar as ln, Layer as ft, Documents as dn, TextSelectionRenderManager as un } from "@univerjs/engine-render";
+import { createIdentifier as hn, Inject as b, Injector as gn } from "@wendellhu/redi";
+import { TinyColor as pt } from "@ctrl/tinycolor";
+function pe(r, e) {
+  const n = r.getCurrentUniverDocInstance().getUnitId(), s = e.getRenderById(n);
+  if (s == null)
+    return;
+  const { mainComponent: i, scene: o, engine: a } = s;
+  return {
+    document: i,
+    scene: o,
+    engine: a
+  };
+}
+function fn(r, e) {
+  const t = e.getRenderById(r);
+  if (t == null)
+    return;
+  const { components: n, mainComponent: s, scene: i, engine: o } = t;
+  return {
+    document: s,
+    scene: i,
+    engine: o
+  };
+}
+var Qe = /* @__PURE__ */ ((r) => (r.MAIN = "__Document_Render_Main__", r))(Qe || {}), ue = /* @__PURE__ */ ((r) => (r.VIEW_MAIN = "viewMain", r.VIEW_TOP = "viewTop", r.VIEW_LEFT = "viewLeft", r.VIEW_LEFT_TOP = "viewLeftTop", r))(ue || {});
+const mt = 0, pn = 2, mn = 10, Ne = "normalTextSelectionPluginName", Ge = {
+  id: Ht.id,
+  name: "doc.command.copy",
+  type: C.COMMAND,
+  multi: !0,
+  priority: 999,
+  preconditions: (r) => r.getContextValue(T) || r.getContextValue(ge),
+  handler: async () => !0
+}, Xe = {
+  id: Gt.id,
+  name: "doc.command.cut",
+  type: C.COMMAND,
+  multi: !0,
+  priority: 999,
+  preconditions: (r) => r.getContextValue(T) || r.getContextValue(ge),
+  handler: async () => !0
+}, qe = {
+  id: Xt.id,
+  name: "doc.command.paste",
+  type: C.COMMAND,
+  multi: !0,
+  priority: 999,
+  preconditions: (r) => r.getContextValue(T) || r.getContextValue(ge),
+  handler: async () => !0
+};
+function me(r, e = "", t = 0) {
+  const { startOffset: n, endOffset: s } = r, i = [], o = n - t, a = s - t;
+  return o > 0 && i.push({
+    t: "r",
+    len: o,
+    segmentId: e
+  }), i.push({
+    t: "d",
+    len: a - o,
+    line: 0,
+    segmentId: e
+  }), i;
+}
+class P {
+  constructor() {
+    _(this, "_textSelectionInfo", /* @__PURE__ */ new Map());
+    _(this, "_currentSelection", null);
+    _(this, "_textSelectionInfo$", new Ae(null));
+    _(this, "textSelectionInfo$", this._textSelectionInfo$.asObservable());
+  }
+  getCurrentSelection() {
+    return this._currentSelection;
+  }
+  dispose() {
+    this._textSelectionInfo$.complete();
+  }
+  refreshSelection() {
+    this._currentSelection != null && this._refresh(this._currentSelection);
+  }
+  setCurrentSelection(e) {
+    this._currentSelection = e, this._refresh(e);
+  }
+  setCurrentSelectionNotRefresh(e) {
+    this._currentSelection = e;
+  }
+  getTextSelectionInfo() {
+    return this._textSelectionInfo;
+  }
+  getTextRangesByParam(e) {
+    return this._getTextRanges(e);
+  }
+  getSelections() {
+    return this._getTextRanges(this._currentSelection);
+  }
+  getFirst() {
+    return this._getFirstByParam(this._currentSelection);
+  }
+  getLast() {
+    return this._getLastByParam(this._currentSelection);
+  }
+  // Only used in tests.
+  add(e) {
+    this._currentSelection != null && this._addByParam({
+      ...this._currentSelection,
+      textRanges: e
+    });
+  }
+  replaceTextRanges(e) {
+    this._currentSelection != null && this._textSelectionInfo$.next(e);
+  }
+  replaceTextRangesWithNoRefresh(e) {
+    this._currentSelection != null && this._replaceByParam({
+      ...this._currentSelection,
+      textRanges: e
+    });
+  }
+  _addByParam(e) {
+    const { pluginName: t, unitId: n, textRanges: s } = e;
+    this._textSelectionInfo.has(t) || this._textSelectionInfo.set(t, /* @__PURE__ */ new Map());
+    const i = this._textSelectionInfo.get(t);
+    i.has(n) ? i.get(n).push(...s) : i.set(n, [...s]), this._refresh({ pluginName: t, unitId: n });
+  }
+  // It is will being opened when it needs to be used
+  _clear() {
+    this._currentSelection != null && this._clearByParam(this._currentSelection);
+  }
+  // It is will being opened when it needs to be used
+  _remove(e) {
+    this._currentSelection != null && this._removeByParam(e, this._currentSelection);
+  }
+  // It is will being opened when it needs to be used
+  _reset() {
+    var e;
+    this._currentSelection != null && (this._currentSelection = {
+      pluginName: Ne,
+      unitId: (e = this._currentSelection) == null ? void 0 : e.unitId
+    }, this._textSelectionInfo.clear(), this._refresh(this._currentSelection));
+  }
+  // It is will being opened when it needs to be used
+  _resetPlugin() {
+    this._currentSelection != null && (this._currentSelection.pluginName = Ne, this._refresh(this._currentSelection));
+  }
+  _getTextRanges(e) {
+    var s;
+    if (e == null)
+      return;
+    const { pluginName: t, unitId: n } = e;
+    return (s = this._textSelectionInfo.get(t)) == null ? void 0 : s.get(n);
+  }
+  _refresh(e) {
+    const t = this._getTextRanges(e) ?? [];
+    this._textSelectionInfo$.next(
+      t.map((n) => {
+        const s = n.startOffset, i = n.endOffset, o = n.collapsed, a = n.style;
+        return {
+          startOffset: s,
+          endOffset: i,
+          collapsed: o,
+          style: a
+        };
+      })
+    );
+  }
+  _getFirstByParam(e) {
+    const t = this._getTextRanges(e);
+    return t == null ? void 0 : t[0];
+  }
+  _getLastByParam(e) {
+    const t = this._getTextRanges(e);
+    return t == null ? void 0 : t[t.length - 1];
+  }
+  _replaceByParam(e) {
+    const { pluginName: t, unitId: n, textRanges: s } = e;
+    this._textSelectionInfo.has(t) || this._textSelectionInfo.set(t, /* @__PURE__ */ new Map()), this._textSelectionInfo.get(t).set(n, s);
+  }
+  _clearByParam(e) {
+    const t = this._getTextRanges(e);
+    t == null || t.splice(0), this._refresh(e);
+  }
+  _removeByParam(e, t) {
+    const n = this._getTextRanges(t);
+    n == null || n.splice(e, 1), this._refresh(t);
+  }
+}
+var _n = Object.defineProperty, Sn = Object.getOwnPropertyDescriptor, vn = (r, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? Sn(e, t) : e, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && _n(e, t, s), s;
+}, Mn = (r, e) => (t, n) => e(t, n, r);
+let ee = class {
+  constructor(r) {
+    _(this, "_currentViewModelUnitId", "");
+    _(this, "_docViewModelMap", /* @__PURE__ */ new Map());
+    _(this, "_currentDocViewModel$", new Ae(null));
+    _(this, "currentDocViewModel$", this._currentDocViewModel$.asObservable());
+    this._currentUniverService = r;
+  }
+  dispose() {
+    this._currentDocViewModel$.complete(), this._docViewModelMap = /* @__PURE__ */ new Map();
+  }
+  getCurrent() {
+    return this._docViewModelMap.get(this._currentViewModelUnitId);
+  }
+  getViewModel(r) {
+    var e;
+    return (e = this._docViewModelMap.get(r)) == null ? void 0 : e.docViewModel;
+  }
+  setCurrent(r) {
+    var t;
+    const e = this._currentUniverService.getUniverDocInstance(r);
+    if (e == null)
+      throw new Error(`Document data model with id ${r} not found when build view model.`);
+    if (e.getBody() != null) {
+      if (!this._docViewModelMap.has(r)) {
+        const n = this._buildDocViewModel(e);
+        this._docViewModelMap.set(r, {
+          unitId: r,
+          docViewModel: n
+        });
+      }
+      if (r === te) {
+        const n = (t = this._docViewModelMap.get(r)) == null ? void 0 : t.docViewModel;
+        if (n == null)
+          return;
+        n.reset(e);
+      }
+      this._currentViewModelUnitId = r, this._currentDocViewModel$.next(this.getCurrent());
+    }
+  }
+  _buildDocViewModel(r) {
+    return new Jt(r);
+  }
+};
+ee = vn([
+  Mn(0, I)
+], ee);
+const S = {
+  id: "doc.mutation.rich-text-editing",
+  type: C.MUTATION,
+  handler: (r, e) => {
+    const { unitId: t, mutations: n } = e, i = r.get(I).getUniverDocInstance(t), a = r.get(ee).getViewModel(t);
+    if (!i)
+      throw new Error(`DocumentDataModel not found for unitId: ${t}`);
+    const c = new He();
+    c.reset(), n.forEach((d) => {
+      const { segmentId: f, len: h } = d, u = a == null ? void 0 : a.getSelfOrHeaderFooterViewModel(f);
+      if (d.t === "r") {
+        const { len: g } = d;
+        c.moveCursor(g);
+      } else if (d.t === "i") {
+        const { body: g } = d;
+        if (g.dataStream.length > 1 && /\r/.test(g.dataStream)) {
+          const p = i.getSelfOrHeaderFooterModel(f);
+          u.reset(p);
+        } else
+          u.insert(g, c.cursor);
+        c.moveCursor(h);
+      } else if (d.t === "d")
+        u.delete(c.cursor, h);
+      else
+        throw new Error(`Unknown mutation type for mutation: ${d}.`);
+    });
+    const l = i.apply(n);
+    return {
+      unitId: t,
+      mutations: l
+    };
+  }
+}, $e = {
+  id: "doc.command.delete-left",
+  type: C.COMMAND,
+  handler: async () => !0
+}, Be = {
+  id: "doc.command.delete-right",
+  type: C.COMMAND,
+  handler: async () => !0
+}, st = {
+  id: "doc.command.break-line",
+  type: C.COMMAND,
+  handler: async () => !0
+}, it = {
+  id: "doc.command.insert-text",
+  type: C.COMMAND,
+  handler: async (r, e) => {
+    const t = r.get(B), n = r.get(D), s = r.get(P), { range: i, segmentId: o, body: a, unitId: c, textRanges: l } = e, { startOffset: d, collapsed: f } = i, h = {
+      id: S.id,
+      params: {
+        unitId: c,
+        mutations: []
+      }
+    };
+    f ? h.params.mutations.push({
+      t: "r",
+      len: d,
+      segmentId: o
+    }) : h.params.mutations.push(...me(i, o)), h.params.mutations.push({
+      t: "i",
+      body: a,
+      len: a.dataStream.length,
+      line: 0,
+      segmentId: o
+    });
+    const u = n.syncExecuteCommand(h.id, h.params);
+    return s.replaceTextRanges(l), u ? (t.pushUndoRedo({
+      unitID: c,
+      undoMutations: [{ id: S.id, params: u }],
+      redoMutations: [{ id: S.id, params: h.params }],
+      undo() {
+        return n.syncExecuteCommand(S.id, u), s.replaceTextRanges([i]), !0;
+      },
+      redo() {
+        return n.syncExecuteCommand(S.id, h.params), s.replaceTextRanges(l), !0;
+      }
+    }), !0) : !1;
+  }
+};
+var et = /* @__PURE__ */ ((r) => (r[r.LEFT = 0] = "LEFT", r[r.RIGHT = 1] = "RIGHT", r))(et || {});
+const tt = {
+  id: "doc.command.delete-text",
+  type: C.COMMAND,
+  handler: async (r, e) => {
+    const t = r.get(D), n = r.get(B), s = r.get(P), { range: i, segmentId: o, unitId: a, direction: c, textRanges: l, len: d = 1 } = e, { collapsed: f, startOffset: h } = i, u = {
+      id: S.id,
+      params: {
+        unitId: a,
+        mutations: []
+      }
+    };
+    f ? (h > 0 && u.params.mutations.push({
+      t: "r",
+      len: c === 0 ? h - d : h,
+      segmentId: o
+    }), u.params.mutations.push({
+      t: "d",
+      len: d,
+      line: 0,
+      segmentId: o
+    })) : u.params.mutations.push(...me(i, o));
+    const g = t.syncExecuteCommand(u.id, u.params);
+    return s.replaceTextRanges(l), g && n.pushUndoRedo({
+      unitID: a,
+      undoMutations: [{ id: S.id, params: g }],
+      redoMutations: [{ id: S.id, params: u.params }],
+      undo() {
+        return t.syncExecuteCommand(S.id, g), s.replaceTextRanges([i]), !0;
+      },
+      redo() {
+        return t.syncExecuteCommand(S.id, u.params), s.replaceTextRanges(l), !0;
+      }
+    }), !1;
+  }
+}, yt = {
+  id: "doc.command.update-text",
+  type: C.COMMAND,
+  handler: async (r, e) => {
+    const { range: t, segmentId: n, updateBody: s, coverType: i, unitId: o, textRanges: a } = e, c = r.get(D), l = r.get(B), d = r.get(P), f = {
+      id: S.id,
+      params: {
+        unitId: o,
+        mutations: []
+      }
+    }, { startOffset: h, endOffset: u } = t;
+    f.params.mutations.push({
+      t: "r",
+      len: h,
+      segmentId: n
+    }), f.params.mutations.push({
+      t: "r",
+      body: s,
+      len: u - h,
+      segmentId: n,
+      coverType: i
+    });
+    const g = c.syncExecuteCommand(f.id, f.params);
+    return d.replaceTextRanges(a), g ? (l.pushUndoRedo({
+      unitID: o,
+      undoMutations: [{ id: S.id, params: g }],
+      redoMutations: [{ id: S.id, params: f.params }],
+      undo() {
+        return c.syncExecuteCommand(S.id, g), d.replaceTextRanges(a), !0;
+      },
+      redo() {
+        return c.syncExecuteCommand(S.id, f.params), d.replaceTextRanges(a), !0;
+      }
+    }), !0) : !1;
+  }
+};
+class ot {
+  constructor() {
+    _(this, "_previousActiveRange", null);
+    _(this, "_undoMutationParamsCache", []);
+    _(this, "_redoMutationParamsCache", []);
+  }
+  clearUndoRedoMutationParamsCache() {
+    this._undoMutationParamsCache = [], this._redoMutationParamsCache = [];
+  }
+  setActiveRange(e) {
+    this._previousActiveRange = e;
+  }
+  pushUndoRedoMutationParams(e, t) {
+    this._undoMutationParamsCache.push(e), this._redoMutationParamsCache.push(t);
+  }
+  fetchComposedUndoRedoMutationParams(e) {
+    if (this._undoMutationParamsCache.length === 0 || this._previousActiveRange == null)
+      return null;
+    const { unitId: t } = this._undoMutationParamsCache[0], { segmentId: n, startOffset: s, collapsed: i } = this._previousActiveRange, o = {
+      unitId: t,
+      mutations: []
+    }, a = {
+      unitId: t,
+      mutations: []
+    };
+    return i ? (o.mutations.push({
+      t: "r",
+      len: s,
+      segmentId: n
+    }), a.mutations.push({
+      t: "r",
+      len: s,
+      segmentId: n
+    })) : (s > 0 && o.mutations.push({
+      t: "r",
+      len: s,
+      segmentId: n
+    }), o.mutations.push(this._undoMutationParamsCache[0].mutations.find((c) => c.t === "i")), a.mutations.push(...me(this._previousActiveRange, n))), e.length && (o.mutations.push({
+      t: "d",
+      len: e.length,
+      line: 0,
+      segmentId: n
+    }), a.mutations.push({
+      t: "i",
+      body: {
+        dataStream: e
+      },
+      len: e.length,
+      line: 0,
+      segmentId: n
+    })), { redoMutationParams: a, undoMutationParams: o, previousActiveRange: this._previousActiveRange };
+  }
+  dispose() {
+    this._undoMutationParamsCache = [], this._redoMutationParamsCache = [], this._previousActiveRange = null;
+  }
+}
+const bt = {
+  id: "doc.command.ime-input",
+  type: C.COMMAND,
+  handler: async (r, e) => {
+    const { unitId: t, newText: n, oldTextLen: s, range: i, segmentId: o, textRanges: a, isCompositionEnd: c } = e, l = r.get(D), d = r.get(B), f = r.get(P), h = r.get(ot), u = {
+      id: S.id,
+      params: {
+        unitId: t,
+        mutations: []
+      }
+    };
+    i.collapsed ? u.params.mutations.push({
+      t: "r",
+      len: i.startOffset,
+      segmentId: o
+    }) : u.params.mutations.push(...me(i, o)), s > 0 && u.params.mutations.push({
+      t: "d",
+      len: s,
+      line: 0,
+      segmentId: o
+    }), u.params.mutations.push({
+      t: "i",
+      body: {
+        dataStream: n
+      },
+      len: n.length,
+      line: 0,
+      segmentId: o
+    });
+    const g = l.syncExecuteCommand(u.id, u.params);
+    if (h.pushUndoRedoMutationParams(g, u.params), f.replaceTextRanges(a), c) {
+      if (g) {
+        const p = h.fetchComposedUndoRedoMutationParams(n);
+        if (p == null)
+          return !1;
+        const { undoMutationParams: m, redoMutationParams: v, previousActiveRange: M } = p;
+        return d.pushUndoRedo({
+          unitID: t,
+          undoMutations: [{ id: S.id, params: m }],
+          redoMutations: [{ id: S.id, params: v }],
+          undo() {
+            return l.syncExecuteCommand(S.id, m), f.replaceTextRanges([M]), !0;
+          },
+          redo() {
+            return l.syncExecuteCommand(S.id, v), f.replaceTextRanges(a), !0;
+          }
+        }), !0;
+      }
+    } else
+      return !!g;
+    return !1;
+  }
+}, ce = {
+  id: "doc.command.set-inline-format-bold",
+  type: C.COMMAND,
+  handler: async () => !0
+}, je = {
+  id: "doc.command.set-inline-format-italic",
+  type: C.COMMAND,
+  handler: async () => !0
+}, Ve = {
+  id: "doc.command.set-inline-format-underline",
+  type: C.COMMAND,
+  handler: async () => !0
+}, ke = {
+  id: "doc.command.set-inline-format-strikethrough",
+  type: C.COMMAND,
+  handler: async () => !0
+}, le = {
+  id: "doc.command.set-inline-format-fontsize",
+  type: C.COMMAND,
+  handler: async () => !0
+}, de = {
+  id: "doc.command.set-inline-format-font-family",
+  type: C.COMMAND,
+  handler: async () => !0
+}, Fe = {
+  id: "doc.command.set-inline-format-text-color",
+  type: C.COMMAND,
+  handler: async () => !0
+}, Dt = {
+  id: "doc.command.set-inline-format",
+  type: C.COMMAND,
+  handler: async (r, e) => {
+    const { segmentId: t, value: n, preCommandId: s } = e, i = r.get(B), o = r.get(D), a = r.get(P), c = r.get(I), l = a.getSelections();
+    if (!Array.isArray(l) || l.length === 0)
+      return !1;
+    let d = c.getCurrentUniverDocInstance(), f = d.getUnitId();
+    f === ne && (d = c.getUniverDocInstance(te), f = d.getUnitId());
+    let h;
+    const u = {
+      [ce.id]: "bl",
+      [je.id]: "it",
+      [Ve.id]: "ul",
+      [ke.id]: "st",
+      [le.id]: "fs",
+      [de.id]: "ff",
+      [Fe.id]: "cl"
+    };
+    switch (s) {
+      case ce.id:
+      case je.id:
+      case Ve.id:
+      case ke.id: {
+        h = Rn(
+          d.body.textRuns,
+          u[s],
+          l
+        );
+        break;
+      }
+      case le.id:
+      case de.id: {
+        h = n;
+        break;
+      }
+      case Fe.id: {
+        h = {
+          rgb: n
+        };
+        break;
+      }
+      default:
+        throw new Error(`Unknown command: ${s} in handleInlineFormat`);
+    }
+    const g = {
+      id: S.id,
+      params: {
+        unitId: f,
+        mutations: []
+      }
+    }, p = new He();
+    p.reset();
+    for (const M of l) {
+      const { startOffset: y, endOffset: E } = M, z = {
+        dataStream: "",
+        textRuns: [
+          {
+            st: 0,
+            ed: E - y,
+            ts: {
+              [u[s]]: h
+            }
+          }
+        ]
+      }, k = y - p.cursor;
+      k !== 0 && g.params.mutations.push({
+        t: "r",
+        len: k,
+        segmentId: t
+      }), g.params.mutations.push({
+        t: "r",
+        body: z,
+        len: E - y,
+        segmentId: t
+      }), p.reset(), p.moveCursor(E);
+    }
+    const m = o.syncExecuteCommand(g.id, g.params), v = [
+      ce.id,
+      le.id,
+      de.id
+    ];
+    return v.includes(s) && a.refreshSelection(), m ? (i.pushUndoRedo({
+      unitID: f,
+      undoMutations: [{ id: S.id, params: m }],
+      redoMutations: [{ id: S.id, params: g.params }],
+      undo() {
+        return o.syncExecuteCommand(S.id, m), v.includes(s) && a.refreshSelection(), !0;
+      },
+      redo() {
+        return o.syncExecuteCommand(S.id, g.params), v.includes(s) && a.refreshSelection(), !0;
+      }
+    }), !0) : !1;
+  }
+};
+function Cn(r) {
+  return r !== null && typeof r == "object";
+}
+function Rn(r, e, t) {
+  let n = 0, s = 0;
+  for (; n !== r.length && s !== t.length; ) {
+    const { startOffset: i, endOffset: o } = t[s], { st: a, ed: c, ts: l } = r[n];
+    if (o <= a)
+      s++;
+    else if (c <= i)
+      n++;
+    else {
+      if ((l == null ? void 0 : l[e]) == null)
+        return /bl|it/.test(e) ? O.TRUE : {
+          s: O.TRUE
+        };
+      if (l[e] === O.FALSE)
+        return O.TRUE;
+      if (Cn(l[e]) && l[e].s === O.FALSE)
+        return {
+          s: O.TRUE
+        };
+      n++;
+    }
+  }
+  return /bl|it/.test(e) ? O.FALSE : {
+    s: O.FALSE
+  };
+}
+const In = {
+  id: "doc.command-replace-content",
+  type: C.COMMAND,
+  handler: async (r, e) => {
+    var g;
+    const { unitId: t, body: n, textRanges: s, segmentId: i = "" } = e, o = r.get(I), a = r.get(D), c = r.get(P), l = r.get(B), d = (g = o.getUniverDocInstance(t)) == null ? void 0 : g.getSnapshot().body, f = c.getSelections();
+    if (d == null || !Array.isArray(f) || f.length === 0)
+      return !1;
+    const h = Pt(t, i, d, n), u = a.syncExecuteCommand(h.id, h.params);
+    return c.replaceTextRanges(s), u ? (l.pushUndoRedo({
+      unitID: t,
+      undoMutations: [{ id: S.id, params: u }],
+      redoMutations: [{ id: S.id, params: h.params }],
+      undo() {
+        return a.syncExecuteCommand(S.id, u), c.replaceTextRanges(f), !0;
+      },
+      redo() {
+        return a.syncExecuteCommand(S.id, h.params), c.replaceTextRanges(s), !0;
+      }
+    }), !0) : !1;
+  }
+}, xn = {
+  id: "doc.command-cover-content",
+  type: C.COMMAND,
+  handler: async (r, e) => {
+    var d;
+    const { unitId: t, body: n, segmentId: s = "" } = e, i = r.get(I), o = r.get(D), a = r.get(B), c = (d = i.getUniverDocInstance(t)) == null ? void 0 : d.getSnapshot().body;
+    if (c == null)
+      return !1;
+    const l = Pt(t, s, c, n);
+    return o.syncExecuteCommand(
+      l.id,
+      l.params
+    ), a.clearUndoRedo(t), !0;
+  }
+};
+function Pt(r, e, t, n) {
+  const s = {
+    id: S.id,
+    params: {
+      unitId: r,
+      mutations: []
+    }
+  }, i = (t == null ? void 0 : t.dataStream.length) - 2;
+  return i > 0 && s.params.mutations.push({
+    t: "d",
+    len: i,
+    line: 0,
+    segmentId: e
+  }), n.dataStream.length > 0 && s.params.mutations.push({
+    t: "i",
+    body: n,
+    len: n.dataStream.length,
+    line: 0,
+    segmentId: e
+  }), s;
+}
+const G = {
+  id: "doc.operation.move-cursor",
+  type: C.OPERATION,
+  handler: (r, e) => !!e
+}, X = {
+  id: "doc.operation.move-selection",
+  type: C.OPERATION,
+  handler: (r, e) => !!e
+}, Tt = {
+  id: "doc.operation.set-selections",
+  type: C.OPERATION,
+  handler: (r, e) => (r.get(P).replaceTextRangesWithNoRefresh(e.ranges), !0)
+}, On = (r, e) => {
+  const t = r.get(I).getUniverDocInstance(e.unitId), n = (t == null ? void 0 : t.zoomRatio) || 1;
+  return {
+    ...Q.deepClone(e),
+    zoomRatio: n
+  };
+}, H = {
+  id: "doc.operation.set-zoom-ratio",
+  type: C.OPERATION,
+  handler: (r, e) => {
+    const t = r.get(I).getUniverDocInstance(e.unitId);
+    if (!t)
+      return !1;
+    const n = t.getSnapshot();
+    return n.settings == null ? n.settings = {
+      zoomRatio: e.zoomRatio
+    } : n.settings.zoomRatio = e.zoomRatio, !0;
+  }
+}, Et = {
+  type: C.COMMAND,
+  id: "doc.command.set-zoom-ratio",
+  handler: async (r, e) => {
+    const t = r.get(D), n = r.get(B), s = r.get(I);
+    let i = s.getCurrentUniverDocInstance().getUnitId(), o = 1;
+    if (e && (i = e.documentId ?? i, o = e.zoomRatio ?? o), !s.getUniverDocInstance(i))
+      return !1;
+    const c = {
+      zoomRatio: o,
+      unitId: i
+    }, l = On(r, c);
+    return t.syncExecuteCommand(H.id, c) ? (n.pushUndoRedo({
+      unitID: i,
+      undoMutations: [{ id: H.id, params: l }],
+      redoMutations: [{ id: H.id, params: c }]
+    }), !0) : !1;
+  }
+}, wt = {
+  id: "doc.operation.select-all",
+  type: C.COMMAND,
+  handler: async (r) => {
+    const e = r.get(I), t = r.get(P), n = e.getCurrentUniverDocInstance().getSnapshot().body;
+    if (n == null)
+      return !1;
+    const s = [
+      {
+        startOffset: 0,
+        endOffset: n.dataStream.length - 2,
+        collapsed: !1
+      }
+    ];
+    return t.replaceTextRanges(s), !0;
+  }
+}, _t = {
+  id: "doc.command.inner-paste",
+  type: C.COMMAND,
+  handler: async (r, e) => {
+    const { segmentId: t, body: n, textRanges: s } = e, i = r.get(B), o = r.get(D), a = r.get(P), c = r.get(I), l = a.getSelections();
+    if (!Array.isArray(l) || l.length === 0)
+      return !1;
+    const f = c.getCurrentUniverDocInstance().getUnitId(), h = {
+      id: S.id,
+      params: {
+        unitId: f,
+        mutations: []
+      }
+    }, u = new He();
+    u.reset();
+    for (const p of l) {
+      const { startOffset: m, endOffset: v, collapsed: M } = p, y = m - u.cursor;
+      M ? h.params.mutations.push({
+        t: "r",
+        len: y,
+        segmentId: t
+      }) : h.params.mutations.push(
+        ...me(p, t, u.cursor)
+      ), h.params.mutations.push({
+        t: "i",
+        body: n,
+        len: n.dataStream.length,
+        line: 0,
+        segmentId: t
+      }), u.reset(), u.moveCursor(v);
+    }
+    const g = o.syncExecuteCommand(h.id, h.params);
+    return a.replaceTextRanges(s), g ? (i.pushUndoRedo({
+      unitID: f,
+      undoMutations: [{ id: S.id, params: g }],
+      redoMutations: [{ id: S.id, params: h.params }],
+      undo() {
+        return o.syncExecuteCommand(S.id, g), a.replaceTextRanges(l), !0;
+      },
+      redo() {
+        return o.syncExecuteCommand(S.id, h.params), a.replaceTextRanges(s), !0;
+      }
+    }), !0) : !1;
+  }
+}, ze = {
+  id: "doc.command.inner-cut",
+  type: C.COMMAND,
+  handler: async (r, e) => {
+    const { segmentId: t, textRanges: n } = e, s = r.get(B), i = r.get(D), o = r.get(P), a = r.get(I), c = o.getSelections();
+    if (!Array.isArray(c) || c.length === 0)
+      return !1;
+    const l = a.getCurrentUniverDocInstance().getUnitId(), d = a.getUniverDocInstance(l), f = Nt(d.snapshot, t);
+    if (f == null)
+      return !1;
+    const h = {
+      id: S.id,
+      params: {
+        unitId: l,
+        mutations: []
+      }
+    }, u = new He();
+    u.reset();
+    for (const p of c) {
+      const { startOffset: m, endOffset: v, collapsed: M } = p, y = m - u.cursor;
+      M ? h.params.mutations.push({
+        t: "r",
+        len: y,
+        segmentId: t
+      }) : h.params.mutations.push(
+        ...yn(p, f, t, u.cursor)
+      ), u.reset(), u.moveCursor(v);
+    }
+    const g = i.syncExecuteCommand(h.id, h.params);
+    return o.replaceTextRanges(n), g ? (s.pushUndoRedo({
+      unitID: l,
+      undoMutations: [{ id: S.id, params: g }],
+      redoMutations: [{ id: S.id, params: h.params }],
+      undo() {
+        return i.syncExecuteCommand(S.id, g), o.replaceTextRanges(c), !0;
+      },
+      redo() {
+        return i.syncExecuteCommand(S.id, h.params), o.replaceTextRanges(n), !0;
+      }
+    }), !0) : !1;
+  }
+};
+function yn(r, e, t = "", n = 0) {
+  const { startOffset: s, endOffset: i } = r, o = [], { paragraphs: a = [] } = e, c = s - n, l = i - n, d = a == null ? void 0 : a.find(
+    (f) => f.startIndex - n >= c && f.startIndex - n <= l
+  );
+  if (c > 0 && o.push({
+    t: "r",
+    len: c,
+    segmentId: t
+  }), d && d.startIndex - n > c) {
+    const f = d.startIndex - n;
+    o.push({
+      t: "d",
+      len: f - c,
+      line: 0,
+      segmentId: t
+    }), o.push({
+      t: "r",
+      len: 1,
+      segmentId: t
+    }), l > f + 1 && o.push({
+      t: "d",
+      len: l - f - 1,
+      line: 0,
+      segmentId: t
+    });
+  } else
+    o.push({
+      t: "d",
+      len: l - c,
+      line: 0,
+      segmentId: t
+    });
+  return o;
+}
+const bn = 10, Dn = 6;
+function Pn() {
+  return Q.generateRandomId(Dn);
+}
+function Tn(r) {
+  const e = r.match(/data-copy-id="([^\s]+)"/);
+  return e && e[1] ? e[1] : null;
+}
+class En {
+  constructor() {
+    _(this, "_cache", new $t(bn));
+  }
+  set(e, t) {
+    this._cache.set(e, t);
+  }
+  get(e) {
+    return this._cache.get(e);
+  }
+  clear() {
+    this._cache.clear();
+  }
+}
+const St = new En();
+function wn(r) {
+  const e = r.style, t = {};
+  for (let n = 0; n < e.length; n++) {
+    const s = e[n], i = e.getPropertyValue(s);
+    switch (s) {
+      case "margin-top": {
+        const o = parseInt(i);
+        t.spaceAbove = /pt/.test(i) ? nt(o) : o;
+        break;
+      }
+      case "margin-bottom": {
+        const o = parseInt(i);
+        t.spaceBelow = /pt/.test(i) ? nt(o) : o;
+        break;
+      }
+    }
+  }
+  return Object.getOwnPropertyNames(t).length ? t : null;
+}
+function nt(r) {
+  return r / 0.75;
+}
+function at(r) {
+  const e = r.style, t = {}, n = r.tagName.toLowerCase();
+  switch (n) {
+    case "b":
+    case "em":
+    case "strong": {
+      t.bl = O.TRUE;
+      break;
+    }
+    case "s": {
+      t.st = {
+        s: O.TRUE
+      };
+      break;
+    }
+    case "u": {
+      t.ul = {
+        s: O.TRUE
+      };
+      break;
+    }
+    case "i": {
+      t.it = O.TRUE;
+      break;
+    }
+    case "sub":
+    case "sup": {
+      t.va = n === "sup" ? Le.SUPERSCRIPT : Le.SUBSCRIPT;
+      break;
+    }
+  }
+  for (let s = 0; s < e.length; s++) {
+    const i = e[s], o = e.getPropertyValue(i);
+    switch (i) {
+      case "font-family": {
+        t.ff = o;
+        break;
+      }
+      case "font-size": {
+        const a = parseInt(o);
+        Number.isNaN(a) || (t.fs = /pt$/.test(o) ? nt(a) : a);
+        break;
+      }
+      case "font-style": {
+        o === "italic" && (t.it = O.TRUE);
+        break;
+      }
+      case "font-weight": {
+        Number(o) > 400 && (t.bl = O.TRUE);
+        break;
+      }
+      case "text-decoration": {
+        /underline/.test(o) ? t.ul = {
+          s: O.TRUE
+        } : /overline/.test(o) ? t.ol = {
+          s: O.TRUE
+        } : /line-through/.test(o) && (t.st = {
+          s: O.TRUE
+        });
+        break;
+      }
+      case "color": {
+        const a = new pt(o);
+        a.isValid && (t.cl = {
+          rgb: a.toRgbString()
+        });
+        break;
+      }
+      case "background-color": {
+        const a = new pt(o);
+        a.isValid && (t.bg = {
+          rgb: a.toRgbString()
+        });
+        break;
+      }
+    }
+  }
+  return t;
+}
+function Un(r) {
+  const e = new DOMParser(), t = `<x-univer id="univer-root">${r}</x-univer>`;
+  return e.parseFromString(t, "text/html").querySelector("#univer-root");
+}
+function vt(r, e) {
+  const t = r.tagName.toLowerCase();
+  return typeof e == "string" ? t === e : Array.isArray(e) ? e.some((n) => n === t) : e(r);
+}
+const We = class We {
+  constructor() {
+    _(this, "styleCache", /* @__PURE__ */ new Map());
+    _(this, "styleRules", []);
+    _(this, "afterProcessRules", []);
+  }
+  static use(e) {
+    if (this.pluginList.includes(e))
+      throw new Error(`Univer paste plugin ${e.name} already added`);
+    this.pluginList.push(e);
+  }
+  convert(e) {
+    const t = We.pluginList.find((i) => i.checkPasteType(e)), n = Un(e), s = {
+      dataStream: "",
+      textRuns: []
+    };
+    return t && (this.styleRules = [...t.stylesRules], this.afterProcessRules = [...t.afterProcessRules]), this.styleCache.clear(), this.process(null, n == null ? void 0 : n.childNodes, s), this.styleCache.clear(), this.styleRules = [], this.afterProcessRules = [], s;
+  }
+  process(e, t, n) {
+    var s;
+    for (const i of t)
+      if (i.nodeType === Node.TEXT_NODE) {
+        const o = (s = i.nodeValue) == null ? void 0 : s.replace(/[\r\n]/g, "");
+        let a;
+        e && this.styleCache.has(e) && (a = this.styleCache.get(e)), n.dataStream += o, a && Object.getOwnPropertyNames(a).length && n.textRuns.push({
+          st: n.dataStream.length - o.length,
+          ed: n.dataStream.length,
+          ts: a
+        });
+      } else if (i.nodeType === Node.ELEMENT_NODE) {
+        const o = e ? this.styleCache.get(e) : {}, a = this.styleRules.find(({ filter: f }) => vt(i, f)), c = a ? a.getStyle(i) : at(i);
+        this.styleCache.set(i, { ...o, ...c });
+        const { childNodes: l } = i;
+        this.process(i, l, n);
+        const d = this.afterProcessRules.find(
+          ({ filter: f }) => vt(i, f)
+        );
+        d && d.handler(n, i);
+      }
+  }
+};
+_(We, "pluginList", []);
+let he = We;
+const Ln = {
+  name: "univer-doc-paste-plugin-lark",
+  checkPasteType(r) {
+    return /lark-record-clipboard/i.test(r);
+  },
+  // TODO: @JOCS, support inline code copy from lark.
+  stylesRules: [
+    {
+      filter: ["s"],
+      getStyle(r) {
+        const e = at(r);
+        return {
+          st: {
+            s: O.TRUE
+          },
+          ...e
+        };
+      }
+    }
+  ],
+  afterProcessRules: [
+    {
+      filter(r) {
+        return r.tagName === "DIV" && /ace-line/i.test(r.className);
+      },
+      handler(r) {
+        r.paragraphs == null && (r.paragraphs = []), r.paragraphs.push({
+          startIndex: r.dataStream.length
+        }), r.dataStream += "\r";
+      }
+    }
+  ]
+}, An = {
+  name: "univer-doc-paste-plugin-word",
+  checkPasteType(r) {
+    return /word|mso/i.test(r);
+  },
+  stylesRules: [
+    {
+      filter: ["b"],
+      getStyle(r) {
+        const e = at(r);
+        return { bl: O.TRUE, ...e };
+      }
+    }
+  ],
+  afterProcessRules: [
+    {
+      filter(r) {
+        return r.tagName === "P" && /mso/i.test(r.className);
+      },
+      handler(r, e) {
+        r.paragraphs == null && (r.paragraphs = []);
+        const t = {
+          startIndex: r.dataStream.length
+        }, n = wn(e);
+        n && (t.paragraphStyle = n), r.paragraphs.push(t), r.dataStream += "\r";
+      }
+    }
+  ]
+};
+function Nn(r, e) {
+  const { st: t, ed: n, ts: s = {} } = e, { ff: i, fs: o, it: a, bl: c, ul: l, st: d, ol: f, bg: h, cl: u, va: g } = s;
+  let p = r.slice(t, n);
+  const m = [];
+  return a === O.TRUE && (p = `<i>${p}</i>`), g === Le.SUPERSCRIPT ? p = `<sup>${p}</sup>` : g === Le.SUBSCRIPT && (p = `<sub>${p}</sub>`), (l == null ? void 0 : l.s) === O.TRUE && (p = `<u>${p}</u>`), (d == null ? void 0 : d.s) === O.TRUE && (p = `<s>${p}</s>`), c === O.TRUE && (p = `<strong>${p}</strong>`), i && m.push(`font-family: ${i}`), u && m.push(`color: ${u.rgb}`), o && m.push(`font-size: ${o}px`), f && m.push("text-decoration: overline"), h && m.push(`background: ${h.rgb}`), m.length ? `<span style="${m.join(";")}">${p}</span>` : p;
+}
+function Mt(r, e = !0) {
+  const { dataStream: t, textRuns: n = [], paragraphs: s = [] } = r;
+  let i = 0;
+  const o = [], a = [];
+  for (const c of n) {
+    const { st: l, ed: d } = c;
+    if (l !== i && o.push(t.slice(i, l)), o.push(Nn(t, c)), i = d, e)
+      for (const f of s) {
+        const { startIndex: h, paragraphStyle: u = {} } = f;
+        if (h >= l && h <= d) {
+          const { spaceAbove: g, spaceBelow: p } = u, m = [];
+          g != null && (typeof g == "number" ? m.push(`margin-top: ${g}px`) : m.push(`margin-top: ${g.v}px`)), p != null && (typeof p == "number" ? m.push(`margin-bottom: ${p}px`) : m.push(`margin-bottom: ${p.v}px`)), a.push(
+            `<p className="UniverNormal" ${m.length ? `style="${m.join(";")}"` : ""}>${o.join("")}</p>`
+          ), o.length = 0;
+        }
+      }
+  }
+  return a.join("") + o.join("");
+}
+class $n {
+  convert(e) {
+    if (e.length === 0)
+      throw new Error("The bodyList length at least to be 1");
+    if (e.length === 1)
+      return Mt(e[0]);
+    let t = "";
+    for (const n of e)
+      t += '<p className="UniverNormal">', t += Mt(n, !1), t += "</p>";
+    return t;
+  }
+}
+var Bn = Object.defineProperty, jn = Object.getOwnPropertyDescriptor, Vn = (r, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? jn(e, t) : e, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && Bn(e, t, s), s;
+}, Ct = (r, e) => (t, n) => e(t, n, r);
+he.use(An);
+he.use(Ln);
+const Ut = hn("doc.clipboard-service");
+let rt = class extends w {
+  constructor(e, t) {
+    super();
+    _(this, "_clipboardHooks", []);
+    _(this, "_htmlToUDM", new he());
+    _(this, "_umdToHtml", new $n());
+    this._currentUniverService = e, this._clipboardInterfaceService = t;
+  }
+  async queryClipboardData() {
+    const e = await this._clipboardInterfaceService.read();
+    if (e.length === 0)
+      return Promise.reject();
+    const t = e[0], n = await t.getType(qt).then((o) => o && o.text()), s = await t.getType(Yt).then((o) => o && o.text());
+    if (!s)
+      return {
+        dataStream: n
+      };
+    const i = Tn(s);
+    if (i) {
+      const o = St.get(i);
+      if (o)
+        return o;
+    }
+    return this._htmlToUDM.convert(s);
+  }
+  async setClipboardData(e) {
+    const t = Pn(), n = e.length > 1 ? e.map((i) => i.dataStream).join(`
+`) : e[0].dataStream;
+    let s = this._umdToHtml.convert(e);
+    return e.length === 1 && (s = s.replace(/(<[a-z]+)/, (i, o) => `${o} data-copy-id="${t}"`), St.set(t, e[0])), this._clipboardInterfaceService.write(n, s);
+  }
+  addClipboardHook(e) {
+    return this._clipboardHooks.push(e), Ke(() => {
+      const t = this._clipboardHooks.indexOf(e);
+      t > -1 && this._clipboardHooks.splice(t, 1);
+    });
+  }
+};
+rt = Vn([
+  Ct(0, I),
+  Ct(1, Zt)
+], rt);
+var kn = Object.defineProperty, Fn = Object.getOwnPropertyDescriptor, zn = (r, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? Fn(e, t) : e, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && kn(e, t, s), s;
+}, q = (r, e) => (t, n) => e(t, n, r);
+let Ce = class extends w {
+  constructor(r, e, t, n, s, i) {
+    super(), this._logService = r, this._commandService = e, this._currentUniverService = t, this._docClipboardService = n, this._textSelectionRenderManager = s, this._contextService = i, this._commandExecutedListener(), this.initialize();
+  }
+  initialize() {
+    [Ge, Xe, qe].forEach(
+      (r) => this.disposeWithMe(this._commandService.registerAsMultipleCommand(r))
+    ), [_t, ze].forEach(
+      (r) => this.disposeWithMe(this._commandService.registerCommand(r))
+    );
+  }
+  _commandExecutedListener() {
+    const r = [Xe.id, Ge.id, qe.id];
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((e) => {
+        if (r.includes(e.id) && !(!this._contextService.getContextValue(T) && !this._contextService.getContextValue(ge)))
+          switch (e.id) {
+            case qe.id: {
+              this._handlePaste();
+              break;
+            }
+            case Ge.id: {
+              this._handleCopy();
+              break;
+            }
+            case Xe.id: {
+              this._handleCut();
+              break;
+            }
+            default:
+              throw new Error(`Unhandled command ${e.id}`);
+          }
+      })
+    );
+  }
+  async _handlePaste() {
+    const { _docClipboardService: r } = this, {
+      segmentId: e,
+      endOffset: t,
+      style: n
+    } = this._textSelectionRenderManager.getActiveRange() ?? {}, s = this._textSelectionRenderManager.getAllTextRanges();
+    if (e == null && this._logService.error("[DocClipboardController] segmentId is not existed"), t != null)
+      try {
+        const i = await r.queryClipboardData();
+        let o = t;
+        for (const c of s) {
+          const { startOffset: l, endOffset: d } = c;
+          l == null || d == null || d <= t && (o += i.dataStream.length - (d - l));
+        }
+        const a = [
+          {
+            startOffset: o,
+            endOffset: o,
+            collapsed: !0,
+            style: n
+          }
+        ];
+        this._commandService.executeCommand(_t.id, { body: i, segmentId: e, textRanges: a });
+      } catch {
+        this._logService.error("[DocClipboardController] clipboard is empty");
+      }
+  }
+  _getDocumentBodyInRanges() {
+    const r = this._textSelectionRenderManager.getAllTextRanges(), e = this._currentUniverService.getCurrentUniverDocInstance(), { dataStream: t, textRuns: n = [], paragraphs: s = [] } = e.getBody(), i = [];
+    for (const o of r) {
+      const { startOffset: a, endOffset: c, collapsed: l } = o;
+      if (l || a == null || c == null)
+        continue;
+      const d = {
+        dataStream: t.slice(a, c)
+      }, f = [];
+      for (const u of n) {
+        const g = Q.deepClone(u), { st: p, ed: m } = g;
+        Q.hasIntersectionBetweenTwoRanges(p, m, a, c) && (a >= p && a <= m ? f.push({
+          ...g,
+          st: a,
+          ed: Math.min(c, m)
+        }) : c >= p && c <= m ? f.push({
+          ...g,
+          st: Math.max(a, p),
+          ed: c
+        }) : f.push(g));
+      }
+      f.length && (d.textRuns = f.map((u) => {
+        const { st: g, ed: p } = u;
+        return {
+          ...u,
+          st: g - a,
+          ed: p - a
+        };
+      }));
+      const h = [];
+      for (const u of s) {
+        const { startIndex: g } = u;
+        g >= a && g <= c && h.push(Q.deepClone(u));
+      }
+      h.length && (d.paragraphs = h.map((u) => ({
+        ...u,
+        startIndex: u.startIndex - a
+      }))), i.push(d);
+    }
+    return i;
+  }
+  async _handleCopy() {
+    const { _docClipboardService: r } = this, e = this._getDocumentBodyInRanges();
+    try {
+      r.setClipboardData(e);
+    } catch {
+      this._logService.error("[DocClipboardController] set clipboard failed");
+    }
+  }
+  async _handleCut() {
+    const {
+      segmentId: r,
+      endOffset: e,
+      style: t
+    } = this._textSelectionRenderManager.getActiveRange() ?? {}, n = this._textSelectionRenderManager.getAllTextRanges();
+    if (r == null && this._logService.error("[DocClipboardController] segmentId is not existed"), e != null) {
+      this._handleCopy();
+      try {
+        let s = e;
+        for (const o of n) {
+          const { startOffset: a, endOffset: c } = o;
+          a == null || c == null || c <= e && (s -= c - a);
+        }
+        const i = [
+          {
+            startOffset: s,
+            endOffset: s,
+            collapsed: !0,
+            style: t
+          }
+        ];
+        this._commandService.executeCommand(ze.id, { segmentId: r, textRanges: i });
+      } catch {
+        this._logService.error("[DocClipboardController] cut content failed");
+      }
+    }
+  }
+};
+Ce = zn([
+  U(L.Rendered, Ce),
+  q(0, Bt),
+  q(1, D),
+  q(2, I),
+  q(3, Ut),
+  q(4, V),
+  q(5, jt)
+], Ce);
+var Wn = Object.defineProperty, Hn = Object.getOwnPropertyDescriptor, Gn = (r, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? Hn(e, t) : e, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && Wn(e, t, s), s;
+}, Rt = (r, e) => (t, n) => e(t, n, r);
+let A = class {
+  constructor(r, e) {
+    _(this, "_currentSkeletonUnitId", "");
+    _(this, "_docSkeletonMap", /* @__PURE__ */ new Map());
+    _(this, "_currentSkeleton$", new Ae(null));
+    _(this, "currentSkeleton$", this._currentSkeleton$.asObservable());
+    /**
+     * CurrentSkeletonBefore for pre-triggered logic during registration
+     */
+    _(this, "_currentSkeletonBefore$", new Ae(null));
+    _(this, "currentSkeletonBefore$", this._currentSkeletonBefore$.asObservable());
+    this._localeService = r, this._docViewModelManagerService = e, this.initialize();
+  }
+  initialize() {
+    this._docViewModelManagerService.currentDocViewModel$.subscribe((r) => {
+      r != null && this._setCurrent(r);
+    });
+  }
+  dispose() {
+    this._currentSkeletonBefore$.complete(), this._currentSkeleton$.complete(), this._docSkeletonMap = /* @__PURE__ */ new Map();
+  }
+  getCurrent() {
+    return this.getSkeletonByUnitId(this._currentSkeletonUnitId);
+  }
+  makeDirtyCurrent(r = !0) {
+    this.makeDirty(this._currentSkeletonUnitId, r);
+  }
+  makeDirty(r, e = !0) {
+    const t = this.getSkeletonByUnitId(r);
+    t != null && (t.dirty = e);
+  }
+  _setCurrent(r) {
+    const { unitId: e } = r;
+    if (this._docSkeletonMap.has(e)) {
+      const t = this.getSkeletonByUnitId(e);
+      t.skeleton.calculate(), t.dirty = !0;
+    } else {
+      const t = this._buildSkeleton(r.docViewModel);
+      t.calculate(), this._docSkeletonMap.set(e, {
+        unitId: e,
+        skeleton: t,
+        dirty: !1
+      });
+    }
+    return this._currentSkeletonUnitId = e, this._currentSkeletonBefore$.next(this.getCurrent()), this._currentSkeleton$.next(this.getCurrent()), this.getCurrent();
+  }
+  getSkeletonByUnitId(r) {
+    return this._docSkeletonMap.get(r);
+  }
+  _buildSkeleton(r) {
+    return Qt.create(r, this._localeService);
+  }
+};
+A = Gn([
+  Rt(0, b(xt)),
+  Rt(1, b(ee))
+], A);
+var Xn = Object.defineProperty, qn = Object.getOwnPropertyDescriptor, Yn = (r, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? qn(e, t) : e, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && Xn(e, t, s), s;
+}, _e = (r, e) => (t, n) => e(t, n, r);
+let Re = class extends w {
+  constructor(r, e, t, n) {
+    super(), this._docSkeletonManagerService = r, this._currentUniverService = e, this._textSelectionRenderManager = t, this._commandService = n, this._initialize(), this._commandExecutedListener();
+  }
+  _initialize() {
+  }
+  _commandExecutedListener() {
+    const r = [$e.id, Be.id];
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((e) => {
+        if (r.includes(e.id))
+          switch (e.id) {
+            case $e.id:
+              this._handleDeleteLeft();
+              break;
+            case Be.id:
+              this._handleDeleteRight();
+              break;
+            default:
+              throw new Error("Unknown command");
+          }
+      })
+    );
+  }
+  // Use BACKSPACE to delete left.
+  _handleDeleteLeft() {
+    var u;
+    const r = this._textSelectionRenderManager.getActiveRange(), e = (u = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : u.skeleton;
+    if (r == null || e == null)
+      return;
+    const t = this._currentUniverService.getCurrentUniverDocInstance(), { startOffset: n, collapsed: s, segmentId: i, style: o } = r;
+    if (n === 0 && s)
+      return;
+    const a = e.findNodeByCharIndex(n), c = lt(a), l = en(a, t.body);
+    let d = n;
+    const f = e.findNodeByCharIndex(n - 1);
+    if (tn(a) && f !== a && (c === !0 || l === !0)) {
+      const g = nn(a, t.body);
+      if (g == null)
+        return;
+      const p = g == null ? void 0 : g.startIndex, m = { startIndex: 0 }, v = g.paragraphStyle;
+      if (c === !0) {
+        const y = g.paragraphStyle;
+        y && (m.paragraphStyle = y);
+      } else if (l === !0) {
+        const y = g.bullet;
+        y && (m.bullet = y), v != null && (m.paragraphStyle = { ...v }, delete m.paragraphStyle.hanging, delete m.paragraphStyle.indentStart);
+      }
+      const M = [
+        {
+          startOffset: d,
+          endOffset: d,
+          collapsed: !0,
+          style: o
+        }
+      ];
+      this._commandService.executeCommand(yt.id, {
+        unitId: t.getUnitId(),
+        updateBody: {
+          dataStream: "",
+          paragraphs: [{ ...m }]
+        },
+        range: {
+          startOffset: p,
+          endOffset: p + 1,
+          collapsed: !1
+        },
+        textRanges: M,
+        coverType: Vt.REPLACE,
+        segmentId: i
+      });
+    } else {
+      const { endNodePosition: g } = r;
+      if (g != null) {
+        const p = e.findSpanByPosition(g);
+        lt(p) && !rn(a, p) && (r.endOffset -= 1);
+      }
+      if (s === !0) {
+        d -= f.count;
+        const p = [
+          {
+            startOffset: d,
+            endOffset: d,
+            collapsed: !0,
+            style: o
+          }
+        ];
+        this._commandService.executeCommand(tt.id, {
+          unitId: t.getUnitId(),
+          range: r,
+          segmentId: i,
+          direction: et.LEFT,
+          len: f.count,
+          textRanges: p
+        });
+      } else {
+        const p = this._getTextRangesWhenDelete();
+        this._commandService.executeCommand(ze.id, {
+          segmentId: i,
+          textRanges: p
+        });
+      }
+    }
+    e == null || e.calculate();
+  }
+  // Use DELETE to delete right.
+  _handleDeleteRight() {
+    var a;
+    const r = this._textSelectionRenderManager.getActiveRange(), e = (a = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : a.skeleton;
+    if (r == null || e == null)
+      return;
+    const t = this._currentUniverService.getCurrentUniverDocInstance(), { startOffset: n, collapsed: s, segmentId: i, style: o } = r;
+    if (!(n === t.getBody().dataStream.length - 2 && s)) {
+      if (s === !0) {
+        const c = [
+          {
+            startOffset: n,
+            endOffset: n,
+            collapsed: !0,
+            style: o
+          }
+        ], l = e.findNodeByCharIndex(n);
+        this._commandService.executeCommand(tt.id, {
+          unitId: t.getUnitId(),
+          range: r,
+          segmentId: i,
+          direction: et.RIGHT,
+          textRanges: c,
+          len: l.count
+        });
+      } else {
+        const c = this._getTextRangesWhenDelete();
+        this._commandService.executeCommand(ze.id, {
+          segmentId: i,
+          textRanges: c
+        });
+      }
+      e == null || e.calculate();
+    }
+  }
+  // get cursor position when BACKSPACE/DELETE excuse the CutContentCommand.
+  _getTextRangesWhenDelete() {
+    const r = this._textSelectionRenderManager.getActiveRange(), e = this._textSelectionRenderManager.getAllTextRanges();
+    let t = r.endOffset;
+    for (const s of e) {
+      const { startOffset: i, endOffset: o } = s;
+      i == null || o == null || o <= r.endOffset && (t -= o - i);
+    }
+    return [
+      {
+        startOffset: t,
+        endOffset: t,
+        collapsed: !0,
+        style: r.style
+      }
+    ];
+  }
+};
+Re = Yn([
+  U(L.Rendered, Re),
+  _e(0, b(A)),
+  _e(1, I),
+  _e(2, V),
+  _e(3, D)
+], Re);
+var Zn = Object.defineProperty, Kn = Object.getOwnPropertyDescriptor, Jn = (r, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? Kn(e, t) : e, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && Zn(e, t, s), s;
+}, Ye = (r, e) => (t, n) => e(t, n, r);
+let Ie = class extends w {
+  constructor(r, e, t) {
+    super(), this._docSkeletonManagerService = r, this._renderManagerService = e, this._commandService = t, this._initialRenderRefresh(), this._commandExecutedListener();
+  }
+  _initialRenderRefresh() {
+    this._docSkeletonManagerService.currentSkeletonBefore$.subscribe((r) => {
+      if (r == null)
+        return;
+      const { skeleton: e, unitId: t } = r, n = this._renderManagerService.getRenderById(t);
+      if (n == null)
+        return;
+      const { mainComponent: s } = n;
+      s.changeSkeleton(e), this._recalculateSizeBySkeleton(n, e);
+    });
+  }
+  // calculatePagePosition(currentRender: IRender) {
+  //     const { mainComponent, scene } = currentRender;
+  //     const docsComponent = mainComponent as Documents;
+  //     const parent = scene?.getParent();
+  //     const { width: docsWidth, height: docsHeight, pageMarginLeft, pageMarginTop } = docsComponent;
+  //     if (parent == null || docsWidth === Infinity || docsHeight === Infinity) {
+  //         return;
+  //     }
+  //     const { width: engineWidth, height: engineHeight } = parent;
+  //     let docsLeft = 0;
+  //     let docsTop = 0;
+  //     let sceneWidth = 0;
+  //     let sceneHeight = 0;
+  //     if (engineWidth > docsWidth) {
+  //         docsLeft = engineWidth / 2 - docsWidth / 2;
+  //         sceneWidth = engineWidth - 34;
+  //     } else {
+  //         docsLeft = pageMarginLeft;
+  //         sceneWidth = docsWidth + pageMarginLeft * 2;
+  //     }
+  //     if (engineHeight > docsHeight) {
+  //         docsTop = engineHeight / 2 - docsHeight / 2;
+  //         sceneHeight = engineHeight - 34;
+  //     } else {
+  //         docsTop = pageMarginTop;
+  //         sceneHeight = docsHeight + pageMarginTop * 2;
+  //     }
+  //     // this.docsLeft = docsLeft;
+  //     // this.docsTop = docsTop;
+  //     scene.resize(sceneWidth, sceneHeight + 200);
+  //     docsComponent.translate(docsLeft, docsTop);
+  //     return this;
+  // }
+  _recalculateSizeBySkeleton(r, e) {
+    var a;
+    const { mainComponent: t } = r, n = t, s = (a = e.getSkeletonData()) == null ? void 0 : a.pages;
+    if (s == null)
+      return;
+    let i = 0, o = 0;
+    for (let c = 0, l = s.length; c < l; c++) {
+      const d = s[c], { pageWidth: f, pageHeight: h } = d;
+      n.pageLayoutType === dt.VERTICAL ? (o += h, c !== l - 1 && (o += n.pageMarginTop), i = Math.max(i, f)) : n.pageLayoutType === dt.HORIZONTAL && (i += f, c !== l - 1 && (i += n.pageMarginLeft), o = Math.max(o, h));
+    }
+    n.resize(i, o);
+  }
+  _commandExecutedListener() {
+    const r = [S.id], e = [te, ne];
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((t) => {
+        var n;
+        if (r.includes(t.id)) {
+          const s = t.params, { unitId: i } = s, o = this._docSkeletonManagerService.getSkeletonByUnitId(i);
+          if (o == null)
+            return;
+          const { skeleton: a } = o, c = this._renderManagerService.getRenderById(i);
+          if (c == null)
+            return;
+          if (a.calculate(), e.includes(i)) {
+            (n = c.mainComponent) == null || n.makeDirty();
+            return;
+          }
+          this._recalculateSizeBySkeleton(c, a);
+        }
+      })
+    );
+  }
+};
+Ie = Jn([
+  U(L.Rendered, Ie),
+  Ye(0, b(A)),
+  Ye(1, j),
+  Ye(2, D)
+], Ie);
+var Qn = Object.defineProperty, er = Object.getOwnPropertyDescriptor, tr = (r, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? er(e, t) : e, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && Qn(e, t, s), s;
+}, oe = (r, e) => (t, n) => e(t, n, r);
+let xe = class extends w {
+  constructor(e, t, n, s, i) {
+    super();
+    _(this, "_liquid", new sn());
+    _(this, "_pageMarginCache", /* @__PURE__ */ new Map());
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._commandService = s, this._floatingObjectManagerService = i, this._initialize(), this._commandExecutedListener();
+  }
+  _initialize() {
+    this._initialRenderRefresh(), this._updateOnPluginChange();
+  }
+  _updateOnPluginChange() {
+    this._floatingObjectManagerService.pluginUpdate$.subscribe((e) => {
+      const t = this._docSkeletonManagerService.getCurrent();
+      if (t == null)
+        return;
+      const { unitId: n, skeleton: s } = t, i = this._renderManagerService.getRenderById(n);
+      if (i == null)
+        return;
+      const { mainComponent: o, components: a, scene: c } = i, l = o, { left: d, top: f } = l;
+      e.forEach((h) => {
+        const { unitId: u, subComponentId: g, floatingObjectId: p, floatingObject: m } = h, { left: v = 0, top: M = 0, width: y = 0, height: E = 0, angle: z, flipX: k, flipY: re, skewX: se, skewY: ie } = m, x = this._pageMarginCache.get(p), F = (x == null ? void 0 : x.marginLeft) || 0, $ = (x == null ? void 0 : x.marginTop) || 0;
+        s == null || s.getViewModel().getDataModel().updateDrawing(p, {
+          left: v - d - F,
+          top: M - f - $,
+          height: E,
+          width: y
+        });
+      }), s == null || s.calculate(), o == null || o.makeDirty();
+    });
+  }
+  _initialRenderRefresh() {
+    this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
+      if (e == null)
+        return;
+      const { skeleton: t, unitId: n } = e, s = this._renderManagerService.getRenderById(n);
+      if (s == null)
+        return;
+      const { mainComponent: i } = s;
+      i.changeSkeleton(t), this._refreshFloatingObject(n, t, s);
+    });
+  }
+  _commandExecutedListener() {
+    const e = [S.id, H.id], t = [te, ne];
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((n) => {
+        var s;
+        if (e.includes(n.id)) {
+          const i = n.params, { unitId: o } = i, a = this._docSkeletonManagerService.getCurrent();
+          if (a == null)
+            return;
+          const { unitId: c, skeleton: l } = a;
+          if (o !== c)
+            return;
+          const d = this._renderManagerService.getRenderById(c);
+          if (d == null)
+            return;
+          if (t.includes(c)) {
+            (s = d.mainComponent) == null || s.makeDirty();
+            return;
+          }
+          this._refreshFloatingObject(c, l, d);
+        }
+      })
+    );
+  }
+  _refreshFloatingObject(e, t, n) {
+    const s = t == null ? void 0 : t.getSkeletonData(), { mainComponent: i, scene: o } = n, a = i;
+    if (!s)
+      return;
+    const { left: c, top: l, pageLayoutType: d, pageMarginLeft: f, pageMarginTop: h } = a, { pages: u } = s, g = [];
+    o.getAncestorScale(), this._liquid.reset(), this._pageMarginCache.clear();
+    for (let p = 0, m = u.length; p < m; p++) {
+      const v = u[p], { skeDrawings: M, marginLeft: y, marginTop: E } = v;
+      this._liquid.translatePagePadding(v), M.forEach((z) => {
+        const { aLeft: k, aTop: re, height: se, width: ie, objectId: x } = z;
+        g.push({
+          unitId: e,
+          subComponentId: kt,
+          floatingObjectId: x,
+          floatingObject: {
+            left: k + c + this._liquid.x,
+            top: re + l + this._liquid.y,
+            width: ie,
+            height: se
+          }
+        }), this._pageMarginCache.set(x, {
+          marginLeft: this._liquid.x,
+          marginTop: this._liquid.y
+        });
+      }), this._liquid.translatePage(v, d, f, h);
+    }
+    this._floatingObjectManagerService.BatchAddOrUpdate(g);
+  }
+};
+xe = tr([
+  U(L.Steady, xe),
+  oe(0, b(A)),
+  oe(1, I),
+  oe(2, j),
+  oe(3, D),
+  oe(4, Ft)
+], xe);
+var nr = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, sr = (r, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? rr(e, t) : e, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && nr(e, t, s), s;
+}, W = (r, e) => (t, n) => e(t, n, r);
+let Oe = class extends w {
+  constructor(e, t, n, s, i, o, a) {
+    super();
+    _(this, "_previousIMEContent", "");
+    _(this, "_previousIMERange");
+    _(this, "_onStartSubscription");
+    _(this, "_onUpdateSubscription");
+    _(this, "_onEndSubscription");
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionRenderManager = s, this._textSelectionManagerService = i, this._imeInputManagerService = o, this._commandService = a, this._initialize();
+  }
+  dispose() {
+    var e, t, n;
+    (e = this._onStartSubscription) == null || e.unsubscribe(), (t = this._onUpdateSubscription) == null || t.unsubscribe(), (n = this._onEndSubscription) == null || n.unsubscribe();
+  }
+  _initialize() {
+    this._initialOnCompositionstart(), this._initialOnCompositionUpdate(), this._initialOnCompositionend();
+  }
+  _initialOnCompositionstart() {
+    this._onStartSubscription = this._textSelectionRenderManager.onCompositionstart$.subscribe((e) => {
+      if (e == null)
+        return;
+      const { activeRange: t } = e;
+      t != null && (this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(Q.deepClone(t)), this._previousIMERange = t);
+    });
+  }
+  _initialOnCompositionUpdate() {
+    this._onUpdateSubscription = this._textSelectionRenderManager.onCompositionupdate$.subscribe(async (e) => {
+      this._updateContent(e, !0);
+    });
+  }
+  _initialOnCompositionend() {
+    this._onEndSubscription = this._textSelectionRenderManager.onCompositionend$.subscribe((e) => {
+      this._updateContent(e, !1);
+    });
+  }
+  async _updateContent(e, t) {
+    var g;
+    const n = (g = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : g.skeleton;
+    if (this._previousIMERange == null || e == null || n == null)
+      return;
+    const s = this._currentUniverService.getCurrentUniverDocInstance(), { event: i, activeRange: o } = e, { startOffset: a, segmentId: c, style: l } = this._previousIMERange;
+    if (n == null || o == null)
+      return;
+    const f = i.data;
+    if (f === this._previousIMEContent && t)
+      return;
+    const h = f.length, u = [
+      {
+        startOffset: a + h,
+        endOffset: a + h,
+        collapsed: !0,
+        style: l
+      }
+    ];
+    await this._commandService.executeCommand(bt.id, {
+      unitId: s.getUnitId(),
+      newText: f,
+      oldTextLen: this._previousIMEContent.length,
+      range: this._previousIMERange,
+      textRanges: u,
+      isCompositionEnd: !t,
+      segmentId: c
+    }), n.calculate(), t ? (this._previousIMERange.collapsed || (this._previousIMERange.collapsed = !0), this._previousIMEContent = f) : this._resetIME();
+  }
+  _resetIME() {
+    this._previousIMEContent = "", this._previousIMERange = null, this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(null);
+  }
+  _getDocObject() {
+    return pe(this._currentUniverService, this._renderManagerService);
+  }
+};
+Oe = sr([
+  U(L.Rendered, Oe),
+  W(0, b(A)),
+  W(1, I),
+  W(2, j),
+  W(3, V),
+  W(4, b(P)),
+  W(5, b(ot)),
+  W(6, D)
+], Oe);
+var ir = Object.defineProperty, or = Object.getOwnPropertyDescriptor, ar = (r, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? or(e, t) : e, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && ir(e, t, s), s;
+}, Se = (r, e) => (t, n) => e(t, n, r);
+let ye = class extends w {
+  constructor(r, e, t, n) {
+    super(), this._currentUniverService = r, this._textSelectionRenderManager = e, this._textSelectionManagerService = t, this._commandService = n, this._commandExecutedListener();
+  }
+  _commandExecutedListener() {
+    const r = [
+      ce.id,
+      je.id,
+      Ve.id,
+      ke.id,
+      le.id,
+      de.id,
+      Fe.id
+    ];
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((e) => {
+        r.includes(e.id) && this._handleInlineFormat(e);
+      })
+    );
+  }
+  _handleInlineFormat(r) {
+    const { segmentId: e } = this._textSelectionRenderManager.getActiveRange() ?? {};
+    e != null && this._commandService.executeCommand(Dt.id, {
+      segmentId: e,
+      preCommandId: r.id,
+      ...r.params ?? {}
+    });
+  }
+};
+ye = ar([
+  U(L.Rendered, ye),
+  Se(0, I),
+  Se(1, V),
+  Se(2, b(P)),
+  Se(3, D)
+], ye);
+var cr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, dr = (r, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? lr(e, t) : e, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && cr(e, t, s), s;
+}, Y = (r, e) => (t, n) => e(t, n, r);
+function ur(r) {
+  const e = [];
+  for (let t = 0, n = r.length; t < n; t++)
+    r[t] === Je.PARAGRAPH && e.push({
+      startIndex: t
+    });
+  return e;
+}
+let be = class extends w {
+  constructor(e, t, n, s, i, o) {
+    super();
+    _(this, "_onInputSubscription");
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionRenderManager = s, this._textSelectionManagerService = i, this._commandService = o, this._initialize(), this._commandExecutedListener();
+  }
+  dispose() {
+    var e;
+    (e = this._onInputSubscription) == null || e.unsubscribe();
+  }
+  _initialize() {
+  }
+  _commandExecutedListener() {
+    const e = [st.id];
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((t) => {
+        e.includes(t.id) && this._handleBreakLine();
+      })
+    );
+  }
+  _handleBreakLine() {
+    var l;
+    const e = (l = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : l.skeleton, t = this._textSelectionRenderManager.getActiveRange();
+    if (t == null || e == null)
+      return;
+    const s = this._currentUniverService.getCurrentUniverDocInstance().getUnitId(), { startOffset: i, segmentId: o, style: a } = t, c = [
+      {
+        startOffset: i + 1,
+        endOffset: i + 1,
+        collapsed: !0,
+        style: a
+      }
+    ];
+    this._commandService.executeCommand(it.id, {
+      unitId: s,
+      body: {
+        dataStream: Je.PARAGRAPH,
+        paragraphs: ur(Je.PARAGRAPH)
+      },
+      range: t,
+      textRanges: c,
+      segmentId: o
+    }), e == null || e.calculate();
+  }
+  _getDocObject() {
+    return pe(this._currentUniverService, this._renderManagerService);
+  }
+};
+be = dr([
+  U(L.Rendered, be),
+  Y(0, b(A)),
+  Y(1, I),
+  Y(2, j),
+  Y(3, V),
+  Y(4, b(P)),
+  Y(5, D)
+], be);
+var hr = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, fr = (r, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? gr(e, t) : e, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && hr(e, t, s), s;
+}, Z = (r, e) => (t, n) => e(t, n, r);
+let De = class extends w {
+  constructor(e, t, n, s, i, o) {
+    super();
+    _(this, "_onInputSubscription");
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionRenderManager = s, this._textSelectionManagerService = i, this._commandService = o, this._initialize(), this._commandExecutedListener();
+  }
+  dispose() {
+    var e;
+    (e = this._onInputSubscription) == null || e.unsubscribe();
+  }
+  _initialize() {
+  }
+  _commandExecutedListener() {
+    const e = [G.id, X.id];
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((t) => {
+        if (!e.includes(t.id))
+          return;
+        const n = t.params;
+        switch (t.id) {
+          case G.id:
+            return this._handleMoveCursor(n.direction);
+          case X.id:
+            return this._handleShiftMoveSelection(n.direction);
+          default:
+            throw new Error("Unknown command");
+        }
+      })
+    );
+  }
+  _handleShiftMoveSelection(e) {
+    var p;
+    const t = this._textSelectionRenderManager.getActiveRange(), n = this._textSelectionRenderManager.getAllTextRanges(), s = this._currentUniverService.getCurrentUniverDocInstance(), i = (p = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : p.skeleton, o = this._getDocObject();
+    if (t == null || i == null || o == null)
+      return;
+    const { startOffset: a, endOffset: c, style: l, collapsed: d, direction: f } = t;
+    if (n.length > 1) {
+      let m = 1 / 0, v = -1 / 0;
+      for (const M of n)
+        m = Math.min(m, M.startOffset), v = Math.max(v, M.endOffset);
+      this._textSelectionManagerService.replaceTextRanges([
+        {
+          startOffset: e === R.LEFT || e === R.UP ? v : m,
+          endOffset: e === R.LEFT || e === R.UP ? m : v,
+          collapsed: !1,
+          style: l
+        }
+      ]);
+      return;
+    }
+    const h = d || f === ut.FORWARD ? a : c;
+    let u = d || f === ut.FORWARD ? c : a;
+    const g = s.getBody().dataStream.length ?? 1 / 0;
+    if (e === R.LEFT || e === R.RIGHT) {
+      const m = i.findNodeByCharIndex(u - 1), v = i.findNodeByCharIndex(u);
+      u = e === R.RIGHT ? u + v.count : u - m.count, u = Math.min(g - 2, Math.max(0, u)), this._textSelectionManagerService.replaceTextRanges([
+        {
+          startOffset: h,
+          endOffset: u,
+          collapsed: h === u,
+          style: l
+        }
+      ]);
+    } else {
+      const m = i.findNodeByCharIndex(u), v = o.document.getOffsetConfig(), M = this._getTopOrBottomPosition(i, m, e === R.DOWN);
+      if (M == null) {
+        const E = e === R.UP ? 0 : g - 2;
+        if (E === u)
+          return;
+        this._textSelectionManagerService.replaceTextRanges([
+          {
+            startOffset: h,
+            endOffset: E,
+            collapsed: h === E,
+            style: l
+          }
+        ]);
+        return;
+      }
+      const y = new ht(v, i).getRangePointData(
+        M,
+        M
+      ).cursorList[0];
+      this._textSelectionManagerService.replaceTextRanges([
+        {
+          startOffset: h,
+          endOffset: y.endOffset,
+          collapsed: h === y.endOffset,
+          style: l
+        }
+      ]);
+    }
+  }
+  _handleMoveCursor(e) {
+    var h;
+    const t = this._textSelectionRenderManager.getActiveRange(), n = this._textSelectionRenderManager.getAllTextRanges(), s = this._currentUniverService.getCurrentUniverDocInstance(), i = (h = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : h.skeleton, o = this._getDocObject();
+    if (t == null || i == null || o == null)
+      return;
+    const { startOffset: a, endOffset: c, style: l, collapsed: d } = t, f = s.getBody().dataStream.length ?? 1 / 0;
+    if (e === R.LEFT || e === R.RIGHT) {
+      let u;
+      if (!t.collapsed || n.length > 1) {
+        let g = 1 / 0, p = -1 / 0;
+        for (const m of n)
+          g = Math.min(g, m.startOffset), p = Math.max(p, m.endOffset);
+        u = e === R.LEFT ? g : p;
+      } else {
+        const g = i.findNodeByCharIndex(a - 1), p = i.findNodeByCharIndex(a);
+        e === R.LEFT ? u = Math.max(0, a - g.count) : u = Math.min(f - 2, c + p.count);
+      }
+      this._textSelectionManagerService.replaceTextRanges([
+        {
+          startOffset: u,
+          endOffset: u,
+          collapsed: !0,
+          style: l
+        }
+      ]);
+    } else {
+      const u = i.findNodeByCharIndex(a), g = i.findNodeByCharIndex(c), p = o.document.getOffsetConfig(), m = this._getTopOrBottomPosition(
+        i,
+        e === R.UP ? u : g,
+        e === R.DOWN
+      );
+      if (m == null) {
+        let M;
+        d ? M = e === R.UP ? 0 : f - 2 : M = e === R.UP ? a : c, this._textSelectionManagerService.replaceTextRanges([
+          {
+            startOffset: M,
+            endOffset: M,
+            collapsed: !0,
+            style: l
+          }
+        ]);
+        return;
+      }
+      const v = new ht(p, i).getRangePointData(
+        m,
+        m
+      ).cursorList[0];
+      this._textSelectionManagerService.replaceTextRanges([
+        {
+          ...v,
+          style: l
+        }
+      ]);
+    }
+  }
+  _getTopOrBottomPosition(e, t, n) {
+    if (t == null)
+      return;
+    const s = this._getSpanLeftOffsetInLine(t), i = this._getNextOrPrevLine(t, n);
+    if (i == null)
+      return;
+    const o = this._matchPositionByLeftOffset(e, i, s);
+    if (o != null)
+      return { ...o, isBack: !0 };
+  }
+  _getSpanLeftOffsetInLine(e) {
+    const t = e.parent;
+    if (t == null)
+      return -1 / 0;
+    const n = t.left, { left: s } = e;
+    return n + s;
+  }
+  _matchPositionByLeftOffset(e, t, n) {
+    const s = {
+      distance: 1 / 0
+    };
+    for (const i of t.divides) {
+      const o = i.left;
+      for (const a of i.spanGroup) {
+        const { left: c } = a, l = o + c, d = Math.abs(n - l);
+        d < s.distance && (s.span = a, s.distance = d);
+      }
+    }
+    if (s.span != null)
+      return e.findPositionBySpan(s.span);
+  }
+  _getNextOrPrevLine(e, t) {
+    var g, p, m, v, M, y, E, z, k, re, se, ie;
+    const n = e.parent;
+    if (n == null)
+      return;
+    const s = n.parent;
+    if (s == null)
+      return;
+    const i = s.parent;
+    if (i == null)
+      return;
+    const o = i.lines.indexOf(s);
+    if (o === -1)
+      return;
+    let a;
+    if (t === !0 ? a = i.lines[o + 1] : a = i.lines[o - 1], a != null)
+      return a;
+    const c = i.parent;
+    if (c == null)
+      return;
+    const l = c.columns.indexOf(i);
+    if (l === -1)
+      return;
+    if (t === !0)
+      a = (g = c.columns[l + 1]) == null ? void 0 : g.lines[0];
+    else {
+      const x = (m = (p = c.columns) == null ? void 0 : p[l - 1]) == null ? void 0 : m.lines;
+      a = x == null ? void 0 : x[x.length - 1];
+    }
+    if (a != null)
+      return a;
+    const d = c.parent;
+    if (d == null)
+      return;
+    const f = d.sections.indexOf(c);
+    if (f === -1)
+      return;
+    if (t === !0)
+      a = (M = (v = d.sections[f - 1]) == null ? void 0 : v.columns[0]) == null ? void 0 : M.lines[0];
+    else {
+      const x = (E = (y = d.sections) == null ? void 0 : y[f - 1]) == null ? void 0 : E.columns, F = x == null ? void 0 : x[x.length - 1], $ = F == null ? void 0 : F.lines;
+      a = $ == null ? void 0 : $[$.length - 1];
+    }
+    if (a != null)
+      return a;
+    const h = d.parent;
+    if (h == null)
+      return;
+    const u = h.pages.indexOf(d);
+    if (u !== -1) {
+      if (t === !0)
+        a = (re = (k = (z = h.pages[u + 1]) == null ? void 0 : z.sections[0]) == null ? void 0 : k.columns[0]) == null ? void 0 : re.lines[0];
+      else {
+        const x = (se = h.pages[u - 1]) == null ? void 0 : se.sections;
+        if (x == null)
+          return;
+        const F = (ie = x[x.length - 1]) == null ? void 0 : ie.columns, $ = F[F.length - 1], ct = $ == null ? void 0 : $.lines;
+        a = ct[ct.length - 1];
+      }
+      if (a != null)
+        return a;
+    }
+  }
+  _getDocObject() {
+    return pe(this._currentUniverService, this._renderManagerService);
+  }
+};
+De = fr([
+  U(L.Rendered, De),
+  Z(0, b(A)),
+  Z(1, I),
+  Z(2, j),
+  Z(3, V),
+  Z(4, b(P)),
+  Z(5, D)
+], De);
+var pr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, _r = (r, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? mr(e, t) : e, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && pr(e, t, s), s;
+}, K = (r, e) => (t, n) => e(t, n, r);
+let Pe = class extends w {
+  constructor(e, t, n, s, i, o) {
+    super();
+    _(this, "_onInputSubscription");
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionRenderManager = s, this._textSelectionManagerService = i, this._commandService = o, this._initialize(), this._commandExecutedListener();
+  }
+  dispose() {
+    var e;
+    (e = this._onInputSubscription) == null || e.unsubscribe();
+  }
+  _initialize() {
+    this._initialNormalInput();
+  }
+  _initialNormalInput() {
+    this._onInputSubscription = this._textSelectionRenderManager.onInput$.subscribe(async (e) => {
+      var u;
+      if (e == null)
+        return;
+      const t = this._currentUniverService.getCurrentUniverDocInstance(), { event: n, content: s = "", activeRange: i } = e, o = n, a = (u = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : u.skeleton;
+      if (o.data == null || a == null || !a || !i)
+        return;
+      const { startOffset: c, segmentId: l, style: d } = i, f = s.length, h = [
+        {
+          startOffset: c + f,
+          endOffset: c + f,
+          collapsed: !0,
+          style: d
+        }
+      ];
+      await this._commandService.executeCommand(it.id, {
+        unitId: t.getUnitId(),
+        body: {
+          dataStream: s
+        },
+        range: i,
+        textRanges: h,
+        segmentId: l
+      }), a.calculate();
+    });
+  }
+  _commandExecutedListener() {
+  }
+  _getDocObject() {
+    return pe(this._currentUniverService, this._renderManagerService);
+  }
+};
+Pe = _r([
+  U(L.Rendered, Pe),
+  K(0, b(A)),
+  K(1, I),
+  K(2, j),
+  K(3, V),
+  K(4, b(P)),
+  K(5, D)
+], Pe);
+var Sr = Object.defineProperty, vr = Object.getOwnPropertyDescriptor, Mr = (r, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? vr(e, t) : e, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && Sr(e, t, s), s;
+}, Cr = (r, e) => (t, n) => e(t, n, r);
+const Rr = "rgba(198,198,198, 1)", Ir = "rgba(255,255,255, 1)";
+let Te = class extends w {
+  constructor(r) {
+    super(), this._renderManagerService = r, this._initialize(), this._commandExecutedListener();
+  }
+  _initialize() {
+    this._initialRenderRefresh();
+  }
+  _initialRenderRefresh() {
+    this._renderManagerService.currentRender$.subscribe((r) => {
+      var i;
+      if (r == null)
+        return;
+      const e = this._renderManagerService.getRenderById(r);
+      if (e == null)
+        return;
+      const { mainComponent: t } = e, n = t, s = (i = n.getSkeleton()) == null ? void 0 : i.getPageSize();
+      n.onPageRenderObservable.add((o) => {
+        if ([te, ne].includes(r))
+          return;
+        const { page: a, pageLeft: c, pageTop: l, ctx: d } = o, { width: f, height: h } = a;
+        d.save(), d.translate(c - 0.5, l - 0.5), on.drawWith(d, {
+          width: (s == null ? void 0 : s.width) || f,
+          height: (s == null ? void 0 : s.height) || h,
+          strokeWidth: 1,
+          stroke: Rr,
+          fill: Ir,
+          zIndex: 3
+        }), d.restore();
+      });
+    });
+  }
+  _commandExecutedListener() {
+  }
+};
+Te = Mr([
+  U(L.Rendered, Te),
+  Cr(0, j)
+], Te);
+var xr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, yr = (r, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? Or(e, t) : e, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && xr(e, t, s), s;
+}, J = (r, e) => (t, n) => e(t, n, r);
+let Ee = class extends w {
+  constructor(e, t, n, s, i, o) {
+    super();
+    _(this, "_moveInObserver");
+    _(this, "_moveOutObserver");
+    _(this, "_downObserver");
+    _(this, "_dblClickObserver");
+    _(this, "_tripleClickObserver");
+    _(this, "_loadedMap", /* @__PURE__ */ new Set());
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = n, this._renderManagerService = s, this._textSelectionRenderManager = i, this._textSelectionManagerService = o, this._renderManagerService.currentRender$.subscribe((a) => {
+      a != null && this._currentUniverService.getUniverDocInstance(a) != null && (this._loadedMap.has(a) || (this._initialMain(a), this._loadedMap.add(a)));
+    }), this._initialize();
+  }
+  dispose() {
+    this._renderManagerService.getRenderAll().forEach((e) => {
+      const { mainComponent: t } = e;
+      t != null && (t.onPointerEnterObserver.remove(this._moveInObserver), t.onPointerLeaveObserver.remove(this._moveOutObserver), t.onPointerDownObserver.remove(this._downObserver), t.onDblclickObserver.remove(this._dblClickObserver), t.onTripleClickObserver.remove(this._tripleClickObserver));
+    });
+  }
+  _initialize() {
+    this._onChangeListener(), this._skeletonListener(), this._userActionSyncListener(), this._commandExecutedListener();
+  }
+  _initialMain(e) {
+    const t = this._getDocObjectById(e);
+    if (t == null)
+      return;
+    const { document: n, scene: s } = t, i = s.getViewport(ue.VIEW_MAIN);
+    this._moveInObserver = n.onPointerEnterObserver.add(() => {
+      n.cursor = gt.TEXT;
+    }), this._moveOutObserver = n.onPointerLeaveObserver.add(() => {
+      n.cursor = gt.DEFAULT, s.resetCursor();
+    }), this._downObserver = n == null ? void 0 : n.onPointerDownObserver.add((o, a) => {
+      this._currentUniverService.getCurrentUniverDocInstance().getUnitId() !== e && this._currentUniverService.setCurrentUniverDocInstance(e), this._textSelectionRenderManager.eventTrigger(o, n.getOffsetConfig(), i), o.button !== 2 && a.stopPropagation();
+    }), this._dblClickObserver = n == null ? void 0 : n.onDblclickObserver.add((o) => {
+      this._textSelectionRenderManager.handleDblClick(o, n.getOffsetConfig(), i);
+    }), this._tripleClickObserver = n == null ? void 0 : n.onTripleClickObserver.add((o) => {
+      this._textSelectionRenderManager.handleTripleClick(o, n.getOffsetConfig(), i);
+    });
+  }
+  _onChangeListener() {
+    this._textSelectionManagerService.textSelectionInfo$.subscribe((e) => {
+      var a, c;
+      const t = (a = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : a.unitId;
+      if (this._textSelectionRenderManager.removeAllTextRanges(), e == null || t == null)
+        return;
+      const n = (c = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : c.skeleton, s = this._getDocObjectById(t);
+      if (s == null || n == null)
+        return;
+      const { scene: i, document: o } = s;
+      this._textSelectionRenderManager.addTextRanges(e, {
+        scene: i,
+        skeleton: n,
+        documentOffsetConfig: o.getOffsetConfig()
+      });
+    });
+  }
+  _userActionSyncListener() {
+    this._textSelectionRenderManager.textSelection$.subscribe((e) => {
+      const t = this._docSkeletonManagerService.getCurrent();
+      if (t == null)
+        return;
+      const { unitId: n } = t;
+      this._commandService.executeCommand(Tt.id, {
+        unitId: n,
+        pluginName: Ne,
+        ranges: e
+      });
+    });
+  }
+  _getDocObjectById(e) {
+    return fn(e, this._renderManagerService);
+  }
+  _commandExecutedListener() {
+    const e = [H.id];
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((t) => {
+        var n;
+        if (e.includes(t.id)) {
+          const s = t.params, { unitId: i } = s, o = (n = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : n.unitId;
+          if (i !== o)
+            return;
+          this._textSelectionManagerService.refreshSelection();
+        }
+      })
+    );
+  }
+  _skeletonListener() {
+    this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
+      if (e == null)
+        return;
+      const { unitId: t, skeleton: n } = e, s = this._renderManagerService.getRenderById(t);
+      if (s == null)
+        return;
+      const { scene: i, mainComponent: o } = s, a = i.getViewport(ue.VIEW_MAIN);
+      this._textSelectionRenderManager.changeRuntime(
+        n,
+        i,
+        a,
+        o.getOffsetConfig()
+      ), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
+        pluginName: Ne,
+        unitId: t
+      });
+    });
+  }
+};
+Ee = yr([
+  U(L.Rendered, Ee),
+  J(0, b(A)),
+  J(1, I),
+  J(2, D),
+  J(3, j),
+  J(4, V),
+  J(5, b(P))
+], Ee);
+var br = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, Pr = (r, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? Dr(e, t) : e, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && br(e, t, s), s;
+}, ae = (r, e) => (t, n) => e(t, n, r);
+let we = class extends w {
+  constructor(e, t, n, s, i) {
+    super();
+    _(this, "_initializedRender", /* @__PURE__ */ new Set());
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = n, this._renderManagerService = s, this._textSelectionManagerService = i, this._initialize();
+  }
+  dispose() {
+    super.dispose();
+  }
+  _initialize() {
+    this._skeletonListener(), this._commandExecutedListener(), this._initialRenderRefresh();
+  }
+  _initialRenderRefresh() {
+    this._docSkeletonManagerService.currentSkeleton$.subscribe((e) => {
+      if (e == null)
+        return;
+      const { unitId: t } = e, n = this._renderManagerService.getRenderById(t);
+      if (n == null || this._initializedRender.has(t) || [te, ne].includes(t))
+        return;
+      this._initializedRender.add(t);
+      const { scene: s } = n;
+      this.disposeWithMe(
+        Ke(
+          s.onMouseWheelObserver.add((i) => {
+            if (!i.ctrlKey)
+              return;
+            const o = Math.abs(i.deltaX);
+            let a = o < 40 ? 0.2 : o < 80 ? 0.4 : 0.2;
+            a *= i.deltaY > 0 ? -1 : 1, s.scaleX < 1 && (a /= 2);
+            const c = this._currentUniverService.getCurrentUniverDocInstance(), l = c.zoomRatio;
+            let d = +parseFloat(`${l + a}`).toFixed(1);
+            d = d >= 4 ? 4 : d <= 0.1 ? 0.1 : d, this._commandService.executeCommand(Et.id, {
+              zoomRatio: d,
+              workbookId: c.getUnitId()
+            }), i.preventDefault();
+          })
+        )
+      );
+    });
+  }
+  // private _zoomEventBinding() {
+  //     const scene = this._getDocObject()?.scene;
+  //     if (scene == null) {
+  //         return;
+  //     }
+  //     const viewportMain = scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
+  // }
+  _skeletonListener() {
+    this.disposeWithMe(
+      Ke(
+        this._docSkeletonManagerService.currentSkeletonBefore$.subscribe((e) => {
+          if (e == null)
+            return;
+          const n = this._currentUniverService.getCurrentUniverDocInstance().zoomRatio || 1;
+          this._updateViewZoom(n, !1);
+        })
+      )
+    );
+  }
+  _commandExecutedListener() {
+    const e = [H.id];
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((t) => {
+        if (e.includes(t.id)) {
+          const n = this._currentUniverService.getCurrentUniverDocInstance(), s = t.params, { unitId: i } = s;
+          if (i !== n.getUnitId())
+            return;
+          const o = n.zoomRatio || 1;
+          this._updateViewZoom(o);
+        }
+      })
+    );
+  }
+  _updateViewZoom(e, t = !0) {
+    var s;
+    const n = this._getDocObject();
+    n != null && (n.scene.scale(e, e), this._calculatePagePosition(n, e), t && this._textSelectionManagerService.refreshSelection(), (s = n.scene.getTransformer()) == null || s.hideControl());
+  }
+  _calculatePagePosition(e, t) {
+    const { document: n, scene: s } = e, i = s == null ? void 0 : s.getParent(), { width: o, height: a, pageMarginLeft: c, pageMarginTop: l } = n;
+    if (i == null || o === 1 / 0 || a === 1 / 0)
+      return;
+    const { width: d, height: f } = i;
+    let h = 0, u = 0, g = 0, p = 0, m = 1 / 0;
+    d > (o + c * 2) * t ? (h = d / 2 - o * t / 2, h /= t, g = (d - c * 2) / t, m = 0) : (h = c, g = o + c * 2, m = (g - d / t) / 2), f > a ? (u = f / 2 - a / 2, p = (f - l * 2) / t) : (u = l, p = a + l * 2), s.resize(g, p + 200), n.translate(h, u);
+    const v = s.getViewport(ue.VIEW_MAIN);
+    if (m !== 1 / 0 && v != null) {
+      const M = v.getBarScroll(m, 0).x;
+      v.scrollTo({
+        x: M
+      });
+    }
+    return this;
+  }
+  _getDocObject() {
+    return pe(this._currentUniverService, this._renderManagerService);
+  }
+};
+we = Pr([
+  U(L.Rendered, we),
+  ae(0, b(A)),
+  ae(1, I),
+  ae(2, D),
+  ae(3, j),
+  ae(4, b(P))
+], we);
+const Tr = {
+  id: st.id,
+  preconditions: (r) => r.getContextValue(T),
+  binding: N.ENTER
+}, Er = {
+  id: $e.id,
+  preconditions: (r) => r.getContextValue(T),
+  binding: N.BACKSPACE
+}, wr = {
+  id: Be.id,
+  preconditions: (r) => r.getContextValue(T),
+  binding: N.DELETE
+}, Ur = {
+  id: G.id,
+  binding: N.ARROW_UP,
+  preconditions: (r) => r.getContextValue(T),
+  staticParameters: {
+    direction: R.UP
+  }
+}, Lr = {
+  id: G.id,
+  binding: N.ARROW_DOWN,
+  preconditions: (r) => r.getContextValue(T),
+  staticParameters: {
+    direction: R.DOWN
+  }
+}, Ar = {
+  id: G.id,
+  binding: N.ARROW_LEFT,
+  preconditions: (r) => r.getContextValue(T),
+  staticParameters: {
+    direction: R.LEFT
+  }
+}, Nr = {
+  id: G.id,
+  binding: N.ARROW_RIGHT,
+  preconditions: (r) => r.getContextValue(T),
+  staticParameters: {
+    direction: R.RIGHT
+  }
+}, $r = {
+  id: X.id,
+  binding: N.ARROW_UP | fe.SHIFT,
+  preconditions: (r) => r.getContextValue(T),
+  staticParameters: {
+    direction: R.UP
+  }
+}, Br = {
+  id: X.id,
+  binding: N.ARROW_DOWN | fe.SHIFT,
+  preconditions: (r) => r.getContextValue(T),
+  staticParameters: {
+    direction: R.DOWN
+  }
+}, jr = {
+  id: X.id,
+  binding: N.ARROW_LEFT | fe.SHIFT,
+  preconditions: (r) => r.getContextValue(T),
+  staticParameters: {
+    direction: R.LEFT
+  }
+}, Vr = {
+  id: X.id,
+  binding: N.ARROW_RIGHT | fe.SHIFT,
+  preconditions: (r) => r.getContextValue(T),
+  staticParameters: {
+    direction: R.RIGHT
+  }
+}, kr = {
+  id: wt.id,
+  binding: N.A | fe.CTRL_COMMAND,
+  preconditions: (r) => r.getContextValue(T) || r.getContextValue(ge)
+};
+var Fr = Object.defineProperty, zr = Object.getOwnPropertyDescriptor, Wr = (r, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? zr(e, t) : e, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && Fr(e, t, s), s;
+}, ve = (r, e) => (t, n) => e(t, n, r);
+let Ue = class {
+  constructor(r, e, t, n) {
+    _(this, "_scene");
+    _(this, "_currentDocumentModel");
+    _(this, "_loadedMap", /* @__PURE__ */ new Set());
+    this._renderManagerService = r, this._configService = e, this._currentUniverService = t, this._docViewModelManagerService = n, this._initialize();
+  }
+  _initialize() {
+    this._currentUniverService.currentDoc$.subscribe((r) => {
+      if (r == null)
+        return;
+      this._currentDocumentModel = r;
+      const e = r.getUnitId();
+      this._docViewModelManagerService.setCurrent(e), this._loadedMap.has(e) || (this._addNewRender(), this._loadedMap.add(e));
+    });
+  }
+  _addNewRender() {
+    const r = this._currentDocumentModel, e = r.getUnitId(), t = r.getContainer(), n = r.getParentRenderUnitId();
+    if (t != null && n != null)
+      throw new Error("container or parentRenderUnitId can only exist one");
+    t == null && n != null ? this._renderManagerService.createRenderWithParent(e, n) : this._renderManagerService.createRender(e);
+    const s = this._renderManagerService.getRenderById(e);
+    if (s == null)
+      return;
+    const { scene: i, engine: o } = s;
+    i.openTransformer(), this._scene = i;
+    const a = new an(ue.VIEW_MAIN, i, {
+      left: 0,
+      top: 0,
+      bottom: 0,
+      right: 0,
+      isWheelPreventDefaultX: !0
+    });
+    i.addViewport(a).attachControl(), i.on(cn.wheel, (d, f) => {
+      const h = d;
+      if (h.ctrlKey) {
+        const u = Math.abs(h.deltaX);
+        let g = u < 40 ? 0.2 : u < 80 ? 0.4 : 0.2;
+        g *= h.deltaY > 0 ? -1 : 1, i.scaleX < 1 && (g /= 2), i.scaleX + g > 4 ? i.scale(4, 4) : i.scaleX + g < 0.1 ? i.scale(0.1, 0.1) : h.preventDefault();
+      } else
+        a.onMouseWheel(h, f);
+    }), this._configService.getConfig("hasScroll") !== !1 && e !== ne && new ln(a), i.addLayer(
+      ft.create(i, [], mt),
+      ft.create(i, [], pn)
+    ), this._addComponent(s), this._currentDocumentModel.getShouldRenderLoopImmediately() && o.runRenderLoop(() => {
+      i.render();
+    }), this._renderManagerService.setCurrent(e);
+  }
+  _addComponent(r) {
+    const e = this._scene, t = this._currentDocumentModel, n = new dn(Qe.MAIN, void 0, {
+      pageMarginLeft: t.documentStyle.marginLeft || 0,
+      pageMarginTop: t.documentStyle.marginTop || 0
+    });
+    n.zIndex = mn, r.mainComponent = n, r.components.set(Qe.MAIN, n), e.addObjects([n], mt);
+  }
+};
+Ue = Wr([
+  U(L.Ready, Ue),
+  ve(0, j),
+  ve(1, Ot),
+  ve(2, I),
+  ve(3, b(ee))
+], Ue);
+var Hr = Object.defineProperty, Gr = Object.getOwnPropertyDescriptor, Xr = (r, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? Gr(e, t) : e, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
+  return n && s && Hr(e, t, s), s;
+}, Me = (r, e) => (t, n) => e(t, n, r);
+const qr = {
+  hasScroll: !0
+}, Yr = "docs";
+var Ze;
+let It = (Ze = class extends zt {
+  constructor(e = {}, t, n, s, i) {
+    super(Yr);
+    _(this, "_config");
+    this._injector = t, this._localeService = n, this._configService = s, this._currentUniverService = i, this._config = Object.assign(qr, e), this._initializeDependencies(t), this._initializeCommands();
+  }
+  initialize() {
+  }
+  _initializeCommands() {
+    [
+      G,
+      X,
+      $e,
+      Be,
+      ce,
+      je,
+      Ve,
+      ke,
+      le,
+      de,
+      Fe,
+      Dt,
+      st,
+      it,
+      tt,
+      yt,
+      bt,
+      S,
+      In,
+      xn,
+      Et,
+      H,
+      Tt,
+      wt
+    ].forEach((e) => {
+      this._injector.get(D).registerCommand(e);
+    }), [
+      Ur,
+      Lr,
+      Nr,
+      Ar,
+      $r,
+      Br,
+      jr,
+      Vr,
+      kr,
+      Er,
+      wr,
+      Tr
+    ].forEach((e) => {
+      this._injector.get(Kt).registerShortcut(e);
+    });
+  }
+  onReady() {
+    this.initialize();
+  }
+  _initializeDependencies(e) {
+    [
+      // [
+      //     CanvasView,
+      //     { useFactory: () => docInjector.createInstance(CanvasView, this._config.standalone ?? true) },
+      // ], // FIXME: CanvasView shouldn't be a dependency of UniverDocs. Because it maybe created dynamically.
+      //views
+      [Ue],
+      // services
+      [A],
+      [ee],
+      [ot],
+      [
+        Ut,
+        {
+          useClass: rt
+        }
+      ],
+      [
+        V,
+        {
+          useClass: un
+        }
+      ],
+      [P],
+      // controllers
+      [Ie],
+      [Te],
+      [Ee],
+      [Pe],
+      [Oe],
+      [Re],
+      [ye],
+      [Ce],
+      [be],
+      [De],
+      [we],
+      [xe]
+    ].forEach((t) => e.add(t));
+  }
+}, _(Ze, "type", Wt.Doc), Ze);
+It = Xr([
+  Me(1, b(gn)),
+  Me(2, b(xt)),
+  Me(3, Ot),
+  Me(4, I)
+], It);
+export {
+  st as BreakLineCommand,
+  xn as CoverContentCommand,
+  mn as DOCS_COMPONENT_DEFAULT_Z_INDEX,
+  pn as DOCS_COMPONENT_HEADER_LAYER_INDEX,
+  mt as DOCS_COMPONENT_MAIN_LAYER_INDEX,
+  Qe as DOCS_VIEW_KEY,
+  tt as DeleteCommand,
+  $e as DeleteLeftCommand,
+  Ge as DocCopyCommand,
+  Xe as DocCutCommand,
+  qe as DocPasteCommand,
+  A as DocSkeletonManagerService,
+  ee as DocViewModelManagerService,
+  bt as IMEInputCommand,
+  it as InsertCommand,
+  G as MoveCursorOperation,
+  X as MoveSelectionOperation,
+  Ne as NORMAL_TEXT_SELECTION_PLUGIN_NAME,
+  In as ReplaceContentCommand,
+  S as RichTextEditingMutation,
+  ce as SetInlineFormatBoldCommand,
+  Dt as SetInlineFormatCommand,
+  de as SetInlineFormatFontFamilyCommand,
+  le as SetInlineFormatFontSizeCommand,
+  je as SetInlineFormatItalicCommand,
+  ke as SetInlineFormatStrikethroughCommand,
+  Fe as SetInlineFormatTextColorCommand,
+  Ve as SetInlineFormatUnderlineCommand,
+  Tt as SetTextSelectionsOperation,
+  P as TextSelectionManagerService,
+  It as UniverDocsPlugin,
+  yt as UpdateCommand,
+  ue as VIEWPORT_KEY,
+  pe as getDocObject
+};