@univerjs/docs 0.1.16 → 0.1.17

package/lib/es/index.js

@@ -1,20 +1,29 @@
 var Tt = Object.defineProperty;
-var Et = (o, e, t) => e in o ? Tt(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var R = (o, e, t) => Et(o, typeof e != "symbol" ? e + "" : e, t);
-import { UniverInstanceType as Z, CommandType as v, RxDisposable as fe, ICommandService as I, TextXActionType as y, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Dt, IUniverInstanceService as D, IUndoRedoService as Te, UndoCommandId as Ze, RedoCommandId as Je, JSONX as N, TextX as F, DataStreamTreeTokenType as xe, Tools as ee, LocaleService as At, MemoryCursor as re, getDocsUpdateBody as Nt, UpdateDocsAttributeType as Ee, BooleanNumber as j, BaselineOffset as G, PRESET_LIST_TYPE as bt, PresetListType as ht, HorizontalAlign as ie, OnLifecycle as De, LifecycleStages as Ae, Disposable as Ne, Direction as P, Plugin as Pt } from "@univerjs/core";
-import { NORMAL_TEXT_SELECTION_PLUGIN_STYLE as Ut, ITextSelectionRenderManager as pe, DocumentViewModel as wt, DocumentSkeleton as Lt, hasListGlyph as Bt, isIndentByGlyph as Ft, isFirstGlyph as $t, getParagraphByGlyph as Vt, getCharSpaceApply as kt, getNumberUnitValue as Me, RANGE_DIRECTION as Ke, NodePositionConvertToCursor as qe, IRenderManagerService as ft, TextSelectionRenderManager as zt } from "@univerjs/engine-render";
-import { BehaviorSubject as te, takeUntil as ne } from "rxjs";
-import { Inject as k, Injector as jt } from "@wendellhu/redi";
-var be = /* @__PURE__ */ ((o) => (o.MAIN = "__Document_Render_Main__", o.BACKGROUND = "__Document_Render_Background__", o))(be || {}), Gt = /* @__PURE__ */ ((o) => (o.VIEW_MAIN = "viewMain", o.VIEW_TOP = "viewTop", o.VIEW_LEFT = "viewLeft", o.VIEW_LEFT_TOP = "viewLeftTop", o))(Gt || {});
-const Xn = 0, Hn = 2, Yn = 4, Wn = 10, Zn = "normalTextSelectionPluginName";
-function Xt(o, e) {
-  const t = o.getCurrentUnitForType(Z.UNIVER_DOC);
+var Et = (s, e, t) => e in s ? Tt(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var y = (s, e, t) => Et(s, typeof e != "symbol" ? e + "" : e, t);
+import { UniverInstanceType as Me, CommandType as I, RxDisposable as ye, ICommandService as _, TextXActionType as M, IUndoRedoService as Oe, UndoCommandId as Ye, RedoCommandId as We, JSONX as D, IUniverInstanceService as N, LocaleService as At, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Nt, TextX as F, DataStreamTreeTokenType as Ce, Tools as J, MemoryCursor as q, getDocsUpdateBody as Dt, UpdateDocsAttributeType as Te, BooleanNumber as V, BaselineOffset as X, PRESET_LIST_TYPE as bt, PresetListType as mt, HorizontalAlign as Q, OnLifecycle as Ee, LifecycleStages as Ae, Disposable as Ne, Direction as P, Plugin as Pt } from "@univerjs/core";
+import { NORMAL_TEXT_SELECTION_PLUGIN_STYLE as Ut, ITextSelectionRenderManager as me, DocumentSkeleton as wt, DocumentViewModel as Lt, IRenderManagerService as ee, hasListGlyph as Bt, isIndentByGlyph as Ft, isFirstGlyph as $t, getParagraphByGlyph as zt, getCharSpaceApply as jt, getNumberUnitValue as _e, RANGE_DIRECTION as Ze, NodePositionConvertToCursor as Je, TextSelectionRenderManager as Gt } from "@univerjs/engine-render";
+import { BehaviorSubject as ue, takeUntil as ft } from "rxjs";
+import { Inject as te, Injector as Vt } from "@wendellhu/redi";
+var fe = /* @__PURE__ */ ((s) => (s.MAIN = "__Document_Render_Main__", s.BACKGROUND = "__Document_Render_Background__", s))(fe || {}), Xt = /* @__PURE__ */ ((s) => (s.VIEW_MAIN = "viewMain", s.VIEW_TOP = "viewTop", s.VIEW_LEFT = "viewLeft", s.VIEW_LEFT_TOP = "viewLeftTop", s))(Xt || {});
+const jn = 0, Gn = 2, Vn = 4, Xn = 10, kn = "normalTextSelectionPluginName";
+function Hn(s) {
+  const { mainComponent: e, scene: t, engine: n, components: o } = s, r = e, i = o.get(fe.BACKGROUND);
+  return {
+    document: r,
+    docBackground: i,
+    scene: t,
+    engine: n
+  };
+}
+function kt(s, e) {
+  const t = s.getCurrentUnitForType(Me.UNIVER_DOC);
   if (!t)
     return null;
-  const n = t.getUnitId(), s = e.getRenderById(n);
-  if (s == null)
+  const n = t.getUnitId(), o = e.getRenderById(n);
+  if (o == null)
     return;
-  const { mainComponent: r, scene: i, engine: a, components: c } = s, l = r, d = c.get(be.BACKGROUND);
+  const { mainComponent: r, scene: i, engine: a, components: c } = o, l = r, d = c.get(fe.BACKGROUND);
   return {
     document: l,
     docBackground: d,
@@ -22,43 +31,43 @@ function Xt(o, e) {
     engine: a
   };
 }
-function Jn(o, e) {
-  const t = e.getRenderById(o);
+function Yn(s, e) {
+  const t = e.getRenderById(s);
   if (t == null)
     return;
-  const { mainComponent: n, scene: s, engine: r, components: i } = t, a = n, c = i.get(be.BACKGROUND);
+  const { mainComponent: n, scene: o, engine: r, components: i } = t, a = n, c = i.get(fe.BACKGROUND);
   return {
     document: a,
     docBackground: c,
-    scene: s,
+    scene: o,
     engine: r
   };
 }
-const pt = {
+const ht = {
   id: "doc.operation.set-selections",
-  type: v.OPERATION,
-  handler: (o, e) => !0
+  type: I.OPERATION,
+  handler: (s, e) => !0
 };
-var Ht = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, Wt = (o, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? Yt(e, t) : e, r = o.length - 1, i; r >= 0; r--)
-    (i = o[r]) && (s = (n ? i(e, t, s) : i(s)) || s);
-  return n && s && Ht(e, t, s), s;
-}, Qe = (o, e) => (t, n) => e(t, n, o);
-function J(o) {
-  const { startOffset: e, endOffset: t, collapsed: n } = o, s = {
+var Ht = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, Wt = (s, e, t, n) => {
+  for (var o = n > 1 ? void 0 : n ? Yt(e, t) : e, r = s.length - 1, i; r >= 0; r--)
+    (i = s[r]) && (o = (n ? i(e, t, o) : i(o)) || o);
+  return n && o && Ht(e, t, o), o;
+}, Ke = (s, e) => (t, n) => e(t, n, s);
+function W(s) {
+  const { startOffset: e, endOffset: t, collapsed: n } = s, o = {
     startOffset: e,
     endOffset: t,
     collapsed: n
   };
-  return typeof o.isActive == "function" && (s.isActive = o.isActive()), s;
+  return typeof s.isActive == "function" && (o.isActive = s.isActive()), o;
 }
-let T = class extends fe {
+let T = class extends ye {
   constructor(e, t) {
     super();
-    R(this, "_currentSelection", null);
-    R(this, "_textSelectionInfo", /* @__PURE__ */ new Map());
-    R(this, "_textSelection$", new te(null));
-    R(this, "textSelection$", this._textSelection$.asObservable());
+    y(this, "_currentSelection", null);
+    y(this, "_textSelectionInfo", /* @__PURE__ */ new Map());
+    y(this, "_textSelection$", new ue(null));
+    y(this, "textSelection$", this._textSelection$.asObservable());
     this._textSelectionRenderManager = e, this._commandService = t, this._syncSelectionFromRenderService();
   }
   getCurrentSelection() {
@@ -96,7 +105,7 @@ let T = class extends fe {
     const e = this._getTextRanges(this._currentSelection);
     if (e == null)
       return;
-    const { textRanges: t, segmentId: n, style: s } = e, r = t.find((g) => g.isActive());
+    const { textRanges: t, segmentId: n, style: o } = e, r = t.find((g) => g.isActive());
     if (r == null)
       return null;
     const { startOffset: i, endOffset: a, collapsed: c, startNodePosition: l, endNodePosition: d, direction: u } = r;
@@ -108,7 +117,7 @@ let T = class extends fe {
       endNodePosition: d,
       direction: u,
       segmentId: n,
-      style: s
+      style: o
     };
   }
   // **Only used in test case** because this does not go through the render layer.
@@ -127,7 +136,7 @@ let T = class extends fe {
   }
   // All textRanges should be synchronized from the render layer.
   _syncSelectionFromRenderService() {
-    this._textSelectionRenderManager.textSelectionInner$.pipe(ne(this.dispose$)).subscribe((e) => {
+    this._textSelectionRenderManager.textSelectionInner$.pipe(ft(this.dispose$)).subscribe((e) => {
       e != null && this._replaceTextRangesWithNoRefresh(e);
     });
   }
@@ -139,142 +148,72 @@ let T = class extends fe {
       ...e
     };
     this._replaceByParam(t), this._textSelection$.next(t);
-    const { unitId: n, subUnitId: s, segmentId: r, style: i, textRanges: a, isEditing: c } = t;
-    this._commandService.executeCommand(pt.id, {
+    const { unitId: n, subUnitId: o, segmentId: r, style: i, textRanges: a, isEditing: c } = t;
+    this._commandService.executeCommand(ht.id, {
       unitId: n,
-      subUnitId: s,
+      subUnitId: o,
       segmentId: r,
       style: i,
       isEditing: c,
-      ranges: a.map(J)
+      ranges: a.map(W)
     });
   }
   _getTextRanges(e) {
-    var s;
+    var o;
     if (e == null)
       return;
     const { unitId: t, subUnitId: n = "" } = e;
-    return (s = this._textSelectionInfo.get(t)) == null ? void 0 : s.get(n);
+    return (o = this._textSelectionInfo.get(t)) == null ? void 0 : o.get(n);
   }
   _refresh(e) {
     const t = this._getTextRanges(e);
-    this._textSelectionRenderManager.removeAllTextRanges(), t && Array.isArray(t.textRanges) && t.textRanges.length && this._textSelectionRenderManager.addTextRanges(t.textRanges.map(J));
+    this._textSelectionRenderManager.removeAllTextRanges(), t && Array.isArray(t.textRanges) && t.textRanges.length && this._textSelectionRenderManager.addTextRanges(t.textRanges.map(W));
   }
   _replaceByParam(e) {
-    const { unitId: t, subUnitId: n, style: s, segmentId: r, textRanges: i, isEditing: a } = e;
-    this._textSelectionInfo.has(t) || this._textSelectionInfo.set(t, /* @__PURE__ */ new Map()), this._textSelectionInfo.get(t).set(n, { textRanges: i, style: s, segmentId: r, isEditing: a });
+    const { unitId: t, subUnitId: n, style: o, segmentId: r, textRanges: i, isEditing: a } = e;
+    this._textSelectionInfo.has(t) || this._textSelectionInfo.set(t, /* @__PURE__ */ new Map()), this._textSelectionInfo.get(t).set(n, { textRanges: i, style: o, segmentId: r, isEditing: a });
   }
   _addByParam(e) {
-    const { unitId: t, subUnitId: n, textRanges: s, style: r, segmentId: i, isEditing: a } = e;
+    const { unitId: t, subUnitId: n, textRanges: o, style: r, segmentId: i, isEditing: a } = e;
     this._textSelectionInfo.has(t) || this._textSelectionInfo.set(t, /* @__PURE__ */ new Map());
     const c = this._textSelectionInfo.get(t);
-    c.has(n) ? c.get(n).textRanges.push(...s) : c.set(n, { textRanges: s, style: r, segmentId: i, isEditing: a });
+    c.has(n) ? c.get(n).textRanges.push(...o) : c.set(n, { textRanges: o, style: r, segmentId: i, isEditing: a });
   }
 };
 T = Wt([
-  Qe(0, pe),
-  Qe(1, I)
+  Ke(0, me),
+  Ke(1, _)
 ], T);
-function Pe(o, e = "", t = 0) {
-  const { startOffset: n, endOffset: s } = o, r = [], i = n - t, a = s - t;
+function De(s, e = "", t = 0) {
+  const { startOffset: n, endOffset: o } = s, r = [], i = n - t, a = o - t;
   return i > 0 && r.push({
-    t: y.RETAIN,
+    t: M.RETAIN,
     len: i,
     segmentId: e
   }), r.push({
-    t: y.DELETE,
+    t: M.DELETE,
     len: a - i,
     line: 0,
     segmentId: e
   }), r;
 }
-var Zt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, Kt = (o, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? Jt(e, t) : e, r = o.length - 1, i; r >= 0; r--)
-    (i = o[r]) && (s = (n ? i(e, t, s) : i(s)) || s);
-  return n && s && Zt(e, t, s), s;
-}, qt = (o, e) => (t, n) => e(t, n, o);
-let oe = class extends fe {
-  constructor(e) {
-    super();
-    R(this, "_docViewModelMap", /* @__PURE__ */ new Map());
-    R(this, "_currentDocViewModel$", new te(null));
-    R(this, "currentDocViewModel$", this._currentDocViewModel$.asObservable());
-    this._univerInstanceService = e, this._initialize();
-  }
-  _initialize() {
-    this._init();
-  }
-  dispose() {
-    this._currentDocViewModel$.complete(), this._docViewModelMap.clear();
-  }
-  _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(Z.UNIVER_DOC).pipe(ne(this.dispose$)).subscribe((e) => {
-      this._create(e);
-    }), this._univerInstanceService.getAllUnitsForType(Z.UNIVER_DOC).forEach((e) => {
-      this._create(e);
-    }), this._univerInstanceService.getTypeOfUnitDisposed$(Z.UNIVER_DOC).pipe(ne(this.dispose$)).subscribe((e) => {
-      this._docViewModelMap.delete(e.getUnitId());
-    });
-  }
-  _create(e) {
-    if (e == null)
-      return;
-    const t = e.getUnitId();
-    this._setCurrent(t);
-  }
-  getAllModel() {
-    return this._docViewModelMap;
-  }
-  getViewModel(e) {
-    var t;
-    return (t = this._docViewModelMap.get(e)) == null ? void 0 : t.docViewModel;
-  }
-  _setCurrent(e) {
-    var n;
-    const t = this._univerInstanceService.getUniverDocInstance(e);
-    if (t == null)
-      throw new Error(`Document data model with id ${e} not found when build view model.`);
-    if (t.getBody() != null) {
-      if (!this._docViewModelMap.has(e)) {
-        const s = this._buildDocViewModel(t);
-        this._docViewModelMap.set(e, {
-          unitId: e,
-          docViewModel: s
-        });
-      }
-      if (e === Dt) {
-        const s = (n = this._docViewModelMap.get(e)) == null ? void 0 : n.docViewModel;
-        if (s == null)
-          return;
-        s.reset(t);
-      }
-      this._currentDocViewModel$.next(this._docViewModelMap.get(e));
-    }
-  }
-  _buildDocViewModel(e) {
-    return new wt(e);
-  }
-};
-oe = Kt([
-  qt(0, D)
-], oe);
-var Qt = Object.defineProperty, en = Object.getOwnPropertyDescriptor, tn = (o, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? en(e, t) : e, r = o.length - 1, i; r >= 0; r--)
-    (i = o[r]) && (s = (n ? i(e, t, s) : i(s)) || s);
-  return n && s && Qt(e, t, s), s;
-}, Ce = (o, e) => (t, n) => e(t, n, o);
-const et = 300;
-let he = class extends fe {
+var Zt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, Kt = (s, e, t, n) => {
+  for (var o = n > 1 ? void 0 : n ? Jt(e, t) : e, r = s.length - 1, i; r >= 0; r--)
+    (i = s[r]) && (o = (n ? i(e, t, o) : i(o)) || o);
+  return n && o && Zt(e, t, o), o;
+}, ve = (s, e) => (t, n) => e(t, n, s);
+const qe = 300;
+let ge = class extends ye {
   constructor(e, t, n) {
     super();
-    R(this, "_docStateChange$", new te(null));
-    R(this, "docStateChange$", this._docStateChange$.asObservable());
+    y(this, "_docStateChange$", new ue(null));
+    y(this, "docStateChange$", this._docStateChange$.asObservable());
     // This cache used for history compose.
-    R(this, "_historyStateCache", /* @__PURE__ */ new Map());
+    y(this, "_historyStateCache", /* @__PURE__ */ new Map());
     // This cache used for collaboration state compose.
-    R(this, "_changeStateCache", /* @__PURE__ */ new Map());
-    R(this, "_historyTimer", null);
-    R(this, "_changeStateCacheTimer", null);
+    y(this, "_changeStateCache", /* @__PURE__ */ new Map());
+    y(this, "_historyTimer", null);
+    y(this, "_changeStateCacheTimer", null);
     this._undoRedoService = e, this._commandService = t, this._univerInstanceService = n, this._initialize();
   }
   setChangeState(e) {
@@ -283,7 +222,7 @@ let he = class extends fe {
   _initialize() {
     this.disposeWithMe(
       this._commandService.beforeCommandExecuted((e) => {
-        if (e.id === Ze || e.id === Je) {
+        if (e.id === Ye || e.id === We) {
           const t = this._univerInstanceService.getCurrentUniverDocInstance();
           if (t == null)
             return;
@@ -294,33 +233,33 @@ let he = class extends fe {
     );
   }
   _cacheChangeState(e, t = "history") {
-    const { trigger: n, unitId: s, noHistory: r, debounce: i = !1 } = e;
-    if (r || t === "history" && (n === Je || n === Ze))
+    const { trigger: n, unitId: o, noHistory: r, debounce: i = !1 } = e;
+    if (r || t === "history" && (n === We || n === Ye))
       return;
     const a = t === "history" ? this._historyStateCache : this._changeStateCache, c = t === "history" ? this._pushHistory.bind(this) : this._emitChangeState.bind(this);
-    if (a.has(s)) {
-      const l = a.get(s);
+    if (a.has(o)) {
+      const l = a.get(o);
       l == null || l.push(e);
     } else
-      a.set(s, [e]);
+      a.set(o, [e]);
     i ? t === "history" ? (this._historyTimer && clearTimeout(this._historyTimer), this._historyTimer = setTimeout(() => {
-      c(s);
-    }, et)) : (this._changeStateCacheTimer && clearTimeout(this._changeStateCacheTimer), this._changeStateCacheTimer = setTimeout(() => {
-      c(s);
-    }, et)) : c(s);
+      c(o);
+    }, qe)) : (this._changeStateCacheTimer && clearTimeout(this._changeStateCacheTimer), this._changeStateCacheTimer = setTimeout(() => {
+      c(o);
+    }, qe)) : c(o);
   }
   _pushHistory(e) {
     const t = this._undoRedoService, n = this._historyStateCache.get(e);
     if (!Array.isArray(n) || n.length === 0)
       return;
-    const s = n.length, r = n[0].commandId, i = n[0], a = n[s - 1], c = {
+    const o = n.length, r = n[0].commandId, i = n[0], a = n[o - 1], c = {
       unitId: e,
-      actions: n.reduce((d, u) => N.compose(d, u.redoState.actions), null),
+      actions: n.reduce((d, u) => D.compose(d, u.redoState.actions), null),
       textRanges: a.redoState.textRanges
     }, l = {
       unitId: e,
       // Always need to put undoParams after redoParams, because `reverse` will change the `cacheStates` order.
-      actions: n.reverse().reduce((d, u) => N.compose(d, u.undoState.actions), null),
+      actions: n.reverse().reduce((d, u) => D.compose(d, u.undoState.actions), null),
       textRanges: i.undoState.textRanges
     };
     t.pushUndoRedo({
@@ -333,17 +272,17 @@ let he = class extends fe {
     const t = this._changeStateCache.get(e);
     if (!Array.isArray(t) || t.length === 0)
       return;
-    const n = t.length, { commandId: s, trigger: r, segmentId: i, noHistory: a, debounce: c } = t[0], l = t[0], d = t[n - 1], u = {
+    const n = t.length, { commandId: o, trigger: r, segmentId: i, noHistory: a, debounce: c } = t[0], l = t[0], d = t[n - 1], u = {
       unitId: e,
-      actions: t.reduce((S, h) => N.compose(S, h.redoState.actions), null),
+      actions: t.reduce((h, f) => D.compose(h, f.redoState.actions), null),
       textRanges: d.redoState.textRanges
     }, g = {
       unitId: e,
       // Always need to put undoParams after redoParams, because `reverse` will change the `cacheStates` order.
-      actions: t.reverse().reduce((S, h) => N.compose(S, h.undoState.actions), null),
+      actions: t.reverse().reduce((h, f) => D.compose(h, f.undoState.actions), null),
       textRanges: l.undoState.textRanges
     }, m = {
-      commandId: s,
+      commandId: o,
       unitId: e,
       trigger: r,
       redoState: u,
@@ -355,16 +294,16 @@ let he = class extends fe {
     t.length = 0, this._docStateChange$.next(m);
   }
 };
-he = tn([
-  Ce(0, k(Te)),
-  Ce(1, I),
-  Ce(2, D)
-], he);
-class Se {
+ge = Kt([
+  ve(0, te(Oe)),
+  ve(1, _),
+  ve(2, N)
+], ge);
+class he {
   constructor() {
-    R(this, "_previousActiveRange", null);
-    R(this, "_undoMutationParamsCache", []);
-    R(this, "_redoMutationParamsCache", []);
+    y(this, "_previousActiveRange", null);
+    y(this, "_undoMutationParamsCache", []);
+    y(this, "_redoMutationParamsCache", []);
   }
   clearUndoRedoMutationParamsCache() {
     this._undoMutationParamsCache = [], this._redoMutationParamsCache = [];
@@ -392,13 +331,13 @@ class Se {
       return null;
     const { unitId: e } = this._undoMutationParamsCache[0], t = {
       unitId: e,
-      actions: this._undoMutationParamsCache.reverse().reduce((s, r) => N.compose(s, r.actions), null),
+      actions: this._undoMutationParamsCache.reverse().reduce((o, r) => D.compose(o, r.actions), null),
       textRanges: []
       // Add empty array, will never use, just fix type error
     };
     return { redoMutationParams: {
       unitId: e,
-      actions: this._redoMutationParamsCache.reduce((s, r) => N.compose(s, r.actions), null),
+      actions: this._redoMutationParamsCache.reduce((o, r) => D.compose(o, r.actions), null),
       textRanges: []
       // Add empty array, will never use, just fix type error
     }, undoMutationParams: t, previousActiveRange: this._previousActiveRange };
@@ -407,16 +346,67 @@ class Se {
     this._undoMutationParamsCache = [], this._redoMutationParamsCache = [], this._previousActiveRange = null;
   }
 }
-const tt = "doc.mutation.rich-text-editing", B = {
-  id: tt,
-  type: v.MUTATION,
+var qt = Object.defineProperty, Qt = Object.getOwnPropertyDescriptor, en = (s, e, t, n) => {
+  for (var o = n > 1 ? void 0 : n ? Qt(e, t) : e, r = s.length - 1, i; r >= 0; r--)
+    (i = s[r]) && (o = (n ? i(e, t, o) : i(o)) || o);
+  return n && o && qt(e, t, o), o;
+}, Qe = (s, e) => (t, n) => e(t, n, s);
+let H = class extends ye {
+  constructor(e, t, n) {
+    super();
+    y(this, "_skeleton");
+    y(this, "_docViewModel");
+    y(this, "_currentSkeleton$", new ue(null));
+    y(this, "currentSkeleton$", this._currentSkeleton$.asObservable());
+    // CurrentSkeletonBefore for pre-triggered logic during registration
+    y(this, "_currentSkeletonBefore$", new ue(null));
+    y(this, "currentSkeletonBefore$", this._currentSkeletonBefore$.asObservable());
+    this._context = e, this._localeService = t, this._univerInstanceService = n, this._init(), this._univerInstanceService.getCurrentTypeOfUnit$(Me.UNIVER_DOC).pipe(ft(this.dispose$)).subscribe((o) => {
+      (o == null ? void 0 : o.getUnitId()) === this._context.unitId && this._update(o);
+    });
+  }
+  dispose() {
+    super.dispose(), this._currentSkeletonBefore$.complete(), this._currentSkeleton$.complete();
+  }
+  _init() {
+    const e = this._context.unit;
+    this._update(e);
+  }
+  _update(e) {
+    const t = this._context.unitId;
+    if (e.getBody() == null)
+      return;
+    this._docViewModel && t === Nt ? (this._docViewModel.reset(e), this._context.unit = e) : this._docViewModel || (this._docViewModel = this._buildDocViewModel(e)), this._skeleton || (this._skeleton = this._buildSkeleton(this._docViewModel));
+    const n = this._skeleton;
+    n.calculate(), this._currentSkeletonBefore$.next(n), this._currentSkeleton$.next(n);
+  }
+  getSkeleton() {
+    return this._skeleton;
+  }
+  getViewModel() {
+    return this._docViewModel;
+  }
+  _buildSkeleton(e) {
+    return wt.create(e, this._localeService);
+  }
+  _buildDocViewModel(e) {
+    return new Lt(e);
+  }
+};
+H = en([
+  Qe(1, te(At)),
+  Qe(2, N)
+], H);
+const et = "doc.mutation.rich-text-editing", B = {
+  id: et,
+  type: I.MUTATION,
   // eslint-disable-next-line max-lines-per-function
-  handler: (o, e) => {
-    var O;
+  handler: (s, e) => {
+    var O, b;
     const {
       unitId: t,
       segmentId: n = "",
-      actions: s,
+      actions: o,
       textRanges: r,
       prevTextRanges: i,
       trigger: a,
@@ -424,31 +414,31 @@ const tt = "doc.mutation.rich-text-editing", B = {
       isCompositionEnd: l,
       noNeedSetTextRange: d,
       debounce: u
-    } = e, m = o.get(D).getUniverDocInstance(t), h = o.get(oe).getViewModel(t), f = o.get(T), p = ((O = f.getSelections()) != null ? O : []).map(J), x = o.get(he), M = o.get(Se);
-    if (m == null || h == null)
+    } = e, g = s.get(N), m = s.get(ee), h = g.getUniverDocInstance(t), f = (O = m.getRenderById(t)) == null ? void 0 : O.with(H).getViewModel();
+    if (h == null || f == null)
       throw new Error(`DocumentDataModel or documentViewModel not found for unitId: ${t}`);
-    const C = !!m.getSnapshot().disabled;
-    if (N.isNoop(s) || s && s.length === 0 || C)
+    const S = s.get(T), p = ((b = S.getSelections()) != null ? b : []).map(W), C = s.get(ge), x = s.get(he), R = !!h.getSnapshot().disabled;
+    if (D.isNoop(o) || o && o.length === 0 || R)
       return {
         unitId: t,
         actions: [],
         textRanges: p
       };
-    const A = N.invertWithDoc(s, m.getSnapshot());
-    m.apply(s);
-    const E = m.getSelfOrHeaderFooterModel(n);
-    h.getSelfOrHeaderFooterViewModel(n).reset(E), !d && r && a != null && queueMicrotask(() => {
-      f.replaceTextRanges(r);
+    const A = D.invertWithDoc(o, h.getSnapshot());
+    h.apply(o);
+    const E = h.getSelfOrHeaderFooterModel(n);
+    f.getSelfOrHeaderFooterViewModel(n).reset(E), !d && r && a != null && queueMicrotask(() => {
+      S.replaceTextRanges(r);
     });
     const U = {
-      commandId: tt,
+      commandId: et,
       unitId: t,
       segmentId: n,
       trigger: a,
       noHistory: c,
       debounce: u,
       redoState: {
-        actions: s,
+        actions: o,
         textRanges: r
       },
       undoState: {
@@ -457,23 +447,23 @@ const tt = "doc.mutation.rich-text-editing", B = {
       }
     };
     if (l) {
-      const b = M.fetchComposedUndoRedoMutationParams();
-      if (b == null)
+      const w = x.fetchComposedUndoRedoMutationParams();
+      if (w == null)
         throw new Error("historyParams is null in RichTextEditingMutation");
-      const { undoMutationParams: L, redoMutationParams: Y, previousActiveRange: ce } = b;
-      U.redoState.actions = Y.actions, U.undoState.actions = L.actions, U.undoState.textRanges = [ce];
+      const { undoMutationParams: Y, redoMutationParams: se, previousActiveRange: j } = w;
+      U.redoState.actions = se.actions, U.undoState.actions = Y.actions, U.undoState.textRanges = [j];
     }
-    return x.setChangeState(U), {
+    return C.setChangeState(U), {
       unitId: t,
       actions: A,
       textRanges: p
     };
   }
-}, nn = "doc.command.insert-text", Ue = {
-  id: nn,
-  type: v.COMMAND,
-  handler: async (o, e) => {
-    const t = o.get(I), { range: n, segmentId: s, body: r, unitId: i, textRanges: a } = e, { startOffset: c, collapsed: l } = n, d = {
+}, tn = "doc.command.insert-text", be = {
+  id: tn,
+  type: I.COMMAND,
+  handler: async (s, e) => {
+    const t = s.get(_), { range: n, segmentId: o, body: r, unitId: i, textRanges: a } = e, { startOffset: c, collapsed: l } = n, d = {
       id: B.id,
       params: {
         unitId: i,
@@ -481,26 +471,26 @@ const tt = "doc.mutation.rich-text-editing", B = {
         textRanges: a,
         debounce: !0
       }
-    }, u = new F(), g = N.getInstance();
+    }, u = new F(), g = D.getInstance();
     return l ? c > 0 && u.push({
-      t: y.RETAIN,
+      t: M.RETAIN,
       len: c,
-      segmentId: s
-    }) : u.push(...Pe(n, s)), u.push({
-      t: y.INSERT,
+      segmentId: o
+    }) : u.push(...De(n, o)), u.push({
+      t: M.INSERT,
       body: r,
       len: r.dataStream.length,
       line: 0,
-      segmentId: s
+      segmentId: o
     }), d.params.actions = g.editOp(u.serialize()), !!t.syncExecuteCommand(d.id, d.params);
   }
 };
-var X = /* @__PURE__ */ ((o) => (o[o.LEFT = 0] = "LEFT", o[o.RIGHT = 1] = "RIGHT", o))(X || {});
-const we = {
+var k = /* @__PURE__ */ ((s) => (s[s.LEFT = 0] = "LEFT", s[s.RIGHT = 1] = "RIGHT", s))(k || {});
+const Pe = {
   id: "doc.command.delete-text",
-  type: v.COMMAND,
-  handler: async (o, e) => {
-    const t = o.get(I), { range: n, segmentId: s, unitId: r, direction: i, textRanges: a, len: c = 1 } = e, { startOffset: l } = n, d = {
+  type: I.COMMAND,
+  handler: async (s, e) => {
+    const t = s.get(_), { range: n, segmentId: o, unitId: r, direction: i, textRanges: a, len: c = 1 } = e, { startOffset: l } = n, d = {
       id: B.id,
       params: {
         unitId: r,
@@ -508,159 +498,93 @@ const we = {
         textRanges: a,
         debounce: !0
       }
-    }, u = new F(), g = N.getInstance();
+    }, u = new F(), g = D.getInstance();
     return l > 0 && u.push({
-      t: y.RETAIN,
+      t: M.RETAIN,
       len: i === 0 ? l - c : l,
-      segmentId: s
+      segmentId: o
     }), u.push({
-      t: y.DELETE,
+      t: M.DELETE,
       len: c,
       line: 0,
-      segmentId: s
+      segmentId: o
     }), d.params.actions = g.editOp(u.serialize()), !!t.syncExecuteCommand(d.id, d.params);
   }
-}, St = {
+}, pt = {
   id: "doc.command.update-text",
-  type: v.COMMAND,
-  handler: async (o, e) => {
-    const { range: t, segmentId: n, updateBody: s, coverType: r, unitId: i, textRanges: a } = e, c = o.get(I), l = {
+  type: I.COMMAND,
+  handler: async (s, e) => {
+    const { range: t, segmentId: n, updateBody: o, coverType: r, unitId: i, textRanges: a } = e, c = s.get(_), l = {
       id: B.id,
       params: {
         unitId: i,
         actions: [],
         textRanges: a
       }
-    }, d = new F(), u = N.getInstance(), { startOffset: g, endOffset: m } = t;
+    }, d = new F(), u = D.getInstance(), { startOffset: g, endOffset: m } = t;
     return d.push({
-      t: y.RETAIN,
+      t: M.RETAIN,
       len: g,
       segmentId: n
     }), d.push({
-      t: y.RETAIN,
-      body: s,
+      t: M.RETAIN,
+      body: o,
       len: m - g,
       segmentId: n,
       coverType: r
     }), l.params.actions = u.editOp(d.serialize()), !!c.syncExecuteCommand(l.id, l.params);
   }
 };
-function on(o, e) {
+function nn(s, e) {
   const t = [];
-  for (let n = 0, s = o.length; n < s; n++)
-    o[n] === xe.PARAGRAPH && t.push({
+  for (let n = 0, o = s.length; n < o; n++)
+    s[n] === Ce.PARAGRAPH && t.push({
       startIndex: n
     });
   if (e)
     for (const n of t)
-      e.bullet && (n.bullet = ee.deepClone(e.bullet)), e.paragraphStyle && (n.paragraphStyle = ee.deepClone(e.paragraphStyle));
+      e.bullet && (n.bullet = J.deepClone(e.bullet)), e.paragraphStyle && (n.paragraphStyle = J.deepClone(e.paragraphStyle));
   return t;
 }
 const sn = {
   id: "doc.command.break-line",
-  type: v.COMMAND,
-  handler: async (o) => {
-    var S, h;
-    const e = o.get(T), t = o.get(D), n = o.get(I), s = e.getActiveRange();
-    if (s == null)
+  type: I.COMMAND,
+  handler: async (s) => {
+    var h, f;
+    const e = s.get(T), t = s.get(N), n = s.get(_), o = e.getActiveRange();
+    if (o == null)
       return !1;
     const r = t.getCurrentUniverDocInstance();
     if (!r)
       return !1;
-    const i = r.getUnitId(), { startOffset: a, segmentId: c, style: l } = s, d = [
+    const i = r.getUnitId(), { startOffset: a, segmentId: c, style: l } = o, d = [
       {
         startOffset: a + 1,
         endOffset: a + 1,
         style: l
       }
-    ], g = ((h = (S = r.getBody()) == null ? void 0 : S.paragraphs) != null ? h : []).find((f) => f.startIndex >= a);
-    return await n.executeCommand(Ue.id, {
+    ], g = ((f = (h = r.getBody()) == null ? void 0 : h.paragraphs) != null ? f : []).find((S) => S.startIndex >= a);
+    return await n.executeCommand(be.id, {
       unitId: i,
       body: {
-        dataStream: xe.PARAGRAPH,
-        paragraphs: on(xe.PARAGRAPH, g)
+        dataStream: Ce.PARAGRAPH,
+        paragraphs: nn(Ce.PARAGRAPH, g)
       },
-      range: s,
+      range: o,
       textRanges: d,
       segmentId: c
     });
   }
 };
-var rn = Object.defineProperty, an = Object.getOwnPropertyDescriptor, cn = (o, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? an(e, t) : e, r = o.length - 1, i; r >= 0; r--)
-    (i = o[r]) && (s = (n ? i(e, t, s) : i(s)) || s);
-  return n && s && rn(e, t, s), s;
-}, Re = (o, e) => (t, n) => e(t, n, o);
-let H = class extends fe {
-  constructor(e, t, n) {
-    super();
-    R(this, "_currentSkeletonUnitId", "");
-    R(this, "_docSkeletonMap", /* @__PURE__ */ new Map());
-    R(this, "_currentSkeleton$", new te(null));
-    R(this, "currentSkeleton$", this._currentSkeleton$.asObservable());
-    // CurrentSkeletonBefore for pre-triggered logic during registration
-    R(this, "_currentSkeletonBefore$", new te(null));
-    R(this, "currentSkeletonBefore$", this._currentSkeletonBefore$.asObservable());
-    this._localeService = e, this._docViewModelManagerService = t, this._univerInstanceService = n, this._initialize();
-  }
-  _initialize() {
-    this._init();
-  }
-  dispose() {
-    this._currentSkeletonBefore$.complete(), this._currentSkeleton$.complete(), this._docSkeletonMap.clear();
-  }
-  _init() {
-    this._docViewModelManagerService.currentDocViewModel$.pipe(ne(this.dispose$)).subscribe((e) => {
-      e != null && this._setCurrent(e);
-    }), this._docViewModelManagerService.getAllModel().forEach((e) => {
-      e != null && this._setCurrent(e);
-    }), this._univerInstanceService.getTypeOfUnitDisposed$(Z.UNIVER_DOC).pipe(ne(this.dispose$)).subscribe((e) => {
-      var t, n;
-      this._docSkeletonMap.delete(e.getUnitId()), this._currentSkeletonUnitId = (n = (t = this._univerInstanceService.getCurrentUnitForType(Z.UNIVER_DOC)) == null ? void 0 : t.getUnitId()) != null ? n : "";
-    });
-  }
-  getCurrent() {
-    return this.getSkeletonByUnitId(this._currentSkeletonUnitId);
-  }
-  getAllSkeleton() {
-    return this._docSkeletonMap;
-  }
-  makeDirty(e, t = !0) {
-    const n = this.getSkeletonByUnitId(e);
-    n != null && (n.dirty = t);
-  }
-  getSkeletonByUnitId(e) {
-    return this._docSkeletonMap.get(e);
-  }
-  _setCurrent(e) {
-    const { unitId: t } = e;
-    if (this._docSkeletonMap.has(t)) {
-      const n = this.getSkeletonByUnitId(t);
-      n.skeleton.calculate(), n.dirty = !0;
-    } else {
-      const n = this._buildSkeleton(e.docViewModel);
-      n.calculate(), this._docSkeletonMap.set(t, {
-        unitId: t,
-        skeleton: n,
-        dirty: !1
-      });
-    }
-    return this._currentSkeletonUnitId = t, this._currentSkeletonBefore$.next(this.getCurrent()), this._currentSkeleton$.next(this.getCurrent()), this.getCurrent();
-  }
-  _buildSkeleton(e) {
-    return Lt.create(e, this._localeService);
-  }
-};
-H = cn([
-  Re(0, k(At)),
-  Re(1, k(oe)),
-  Re(2, D)
-], H);
-const Kn = {
+function St(s, e) {
+  var n;
+  return (n = s.get(ee).getRenderById(e)) == null ? void 0 : n.with(H);
+}
+const Wn = {
   id: "doc.command.inner-paste",
-  type: v.COMMAND,
-  handler: async (o, e) => {
-    const { segmentId: t, body: n, textRanges: s } = e, r = o.get(I), i = o.get(T), a = o.get(D), c = i.getSelections();
+  type: I.COMMAND,
+  handler: async (s, e) => {
+    const { segmentId: t, body: n, textRanges: o } = e, r = s.get(_), i = s.get(T), a = s.get(N), c = i.getSelections();
     if (!Array.isArray(c) || c.length === 0)
       return !1;
     const l = a.getCurrentUniverDocInstance();
@@ -671,39 +595,39 @@ const Kn = {
       params: {
         unitId: d,
         actions: [],
-        textRanges: s
+        textRanges: o
       }
-    }, g = new re();
+    }, g = new q();
     g.reset();
-    const m = new F(), S = N.getInstance();
-    for (const f of c) {
-      const { startOffset: _, endOffset: p, collapsed: x } = f, M = _ - g.cursor;
-      x ? m.push({
-        t: y.RETAIN,
-        len: M,
+    const m = new F(), h = D.getInstance();
+    for (const S of c) {
+      const { startOffset: v, endOffset: p, collapsed: C } = S, x = v - g.cursor;
+      C ? m.push({
+        t: M.RETAIN,
+        len: x,
         segmentId: t
-      }) : m.push(...Pe(f, t, g.cursor)), m.push({
-        t: y.INSERT,
+      }) : m.push(...De(S, t, g.cursor)), m.push({
+        t: M.INSERT,
         body: n,
         len: n.dataStream.length,
         line: 0,
         segmentId: t
       }), g.reset(), g.moveCursor(p);
     }
-    return u.params.actions = S.editOp(m.serialize()), !!r.syncExecuteCommand(u.id, u.params);
+    return u.params.actions = h.editOp(m.serialize()), !!r.syncExecuteCommand(u.id, u.params);
   }
-}, _t = {
+}, It = {
   id: "doc.command.inner-cut",
-  type: v.COMMAND,
-  handler: async (o, e) => {
-    var f;
-    const { segmentId: t, textRanges: n } = e, s = o.get(I), r = o.get(T), i = o.get(D), a = r.getSelections();
+  type: I.COMMAND,
+  handler: async (s, e) => {
+    var S;
+    const { segmentId: t, textRanges: n } = e, o = s.get(_), r = s.get(T), i = s.get(N), a = r.getSelections();
     if (!Array.isArray(a) || a.length === 0)
       return !1;
-    const c = (f = i.getCurrentUniverDocInstance()) == null ? void 0 : f.getUnitId();
+    const c = (S = i.getCurrentUniverDocInstance()) == null ? void 0 : S.getUnitId();
     if (!c)
       return !1;
-    const l = i.getUniverDocInstance(c), d = Nt(l.getSnapshot(), t);
+    const l = i.getUniverDocInstance(c), d = Dt(l.getSnapshot(), t);
     if (d == null)
       return !1;
     const u = {
@@ -713,95 +637,95 @@ const Kn = {
         actions: [],
         textRanges: n
       }
-    }, g = new re();
+    }, g = new q();
     g.reset();
-    const m = new F(), S = N.getInstance();
-    for (const _ of a) {
-      const { startOffset: p, endOffset: x, collapsed: M } = _, C = p - g.cursor;
-      M ? m.push({
-        t: y.RETAIN,
-        len: C,
+    const m = new F(), h = D.getInstance();
+    for (const v of a) {
+      const { startOffset: p, endOffset: C, collapsed: x } = v, R = p - g.cursor;
+      x ? m.push({
+        t: M.RETAIN,
+        len: R,
         segmentId: t
-      }) : m.push(...ln(_, d, t, g.cursor)), g.reset(), g.moveCursor(x);
+      }) : m.push(...on(v, d, t, g.cursor)), g.reset(), g.moveCursor(C);
     }
-    return u.params.actions = S.editOp(m.serialize()), !!s.syncExecuteCommand(u.id, u.params);
+    return u.params.actions = h.editOp(m.serialize()), !!o.syncExecuteCommand(u.id, u.params);
   }
 };
-function ln(o, e, t = "", n = 0) {
-  const { startOffset: s, endOffset: r } = o, i = [], { paragraphs: a = [] } = e, c = s - n, l = r - n, d = a == null ? void 0 : a.find(
+function on(s, e, t = "", n = 0) {
+  const { startOffset: o, endOffset: r } = s, i = [], { paragraphs: a = [] } = e, c = o - n, l = r - n, d = a == null ? void 0 : a.find(
     (u) => u.startIndex - n >= c && u.startIndex - n <= l
   );
   if (c > 0 && i.push({
-    t: y.RETAIN,
+    t: M.RETAIN,
     len: c,
     segmentId: t
   }), d && d.startIndex - n > c) {
     const u = d.startIndex - n;
     i.push({
-      t: y.DELETE,
+      t: M.DELETE,
       len: u - c,
       line: 0,
       segmentId: t
     }), i.push({
-      t: y.RETAIN,
+      t: M.RETAIN,
       len: 1,
       segmentId: t
     }), l > u + 1 && i.push({
-      t: y.DELETE,
+      t: M.DELETE,
       len: l - u - 1,
       line: 0,
       segmentId: t
     });
   } else
     i.push({
-      t: y.DELETE,
+      t: M.DELETE,
       len: l - c,
       line: 0,
       segmentId: t
     });
   return i;
 }
-const dn = {
+const rn = {
   id: "doc.command.delete-left",
-  type: v.COMMAND,
+  type: I.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: async (o) => {
-    var M;
-    const e = o.get(T), t = o.get(H), n = o.get(D), s = o.get(I), r = e.getActiveRange(), i = e.getSelections(), a = (M = t.getCurrent()) == null ? void 0 : M.skeleton;
-    let c = !0;
-    if (r == null || a == null || i == null)
+  handler: async (s) => {
+    const e = s.get(T), t = s.get(N), n = s.get(_);
+    let o = !0;
+    const r = t.getCurrentUniverDocInstance();
+    if (!r)
       return !1;
-    const l = n.getCurrentUniverDocInstance();
-    if (!l)
+    const i = r.getUnitId(), a = St(s, i), c = e.getActiveRange(), l = e.getSelections(), d = a == null ? void 0 : a.getSkeleton();
+    if (c == null || d == null || l == null)
       return !1;
-    const { startOffset: d, collapsed: u, segmentId: g, style: m } = r, S = a.findNodeByCharIndex(d), h = Bt(S), f = Ft(S, l.getBody());
-    let _ = d;
-    const p = a.findNodeByCharIndex(d - 1);
-    if ($t(S) && p !== S && (h === !0 || f === !0) && u) {
-      const C = Vt(S, l.getBody());
-      if (C == null)
+    const { startOffset: u, collapsed: g, segmentId: m, style: h } = c, f = d.findNodeByCharIndex(u), S = Bt(f), v = Ft(f, r.getBody());
+    let p = u;
+    const C = d.findNodeByCharIndex(u - 1);
+    if ($t(f) && C !== f && (S === !0 || v === !0) && g) {
+      const R = zt(f, r.getBody());
+      if (R == null)
         return !1;
-      const A = C == null ? void 0 : C.startIndex, E = { startIndex: 0 }, w = C.paragraphStyle;
-      if (h === !0) {
-        const O = C.paragraphStyle;
+      const A = R == null ? void 0 : R.startIndex, E = { startIndex: 0 }, L = R.paragraphStyle;
+      if (S === !0) {
+        const O = R.paragraphStyle;
         if (O) {
           E.paragraphStyle = O;
           const { hanging: b } = O;
           b && (E.paragraphStyle.indentStart = b, E.paragraphStyle.hanging = void 0);
         }
-      } else if (f === !0) {
-        const O = C.bullet;
-        O && (E.bullet = O), w != null && (E.paragraphStyle = { ...w }, delete E.paragraphStyle.hanging, delete E.paragraphStyle.indentStart);
+      } else if (v === !0) {
+        const O = R.bullet;
+        O && (E.bullet = O), L != null && (E.paragraphStyle = { ...L }, delete E.paragraphStyle.hanging, delete E.paragraphStyle.indentStart);
       }
       const U = [
         {
-          startOffset: _,
-          endOffset: _,
-          style: m
+          startOffset: p,
+          endOffset: p,
+          style: h
         }
       ];
-      c = await s.executeCommand(St.id, {
-        unitId: l.getUnitId(),
+      o = await n.executeCommand(pt.id, {
+        unitId: r.getUnitId(),
         updateBody: {
           dataStream: "",
           paragraphs: [{ ...E }]
@@ -811,99 +735,98 @@ const dn = {
           endOffset: A + 1
         },
         textRanges: U,
-        coverType: Ee.REPLACE,
-        segmentId: g
+        coverType: Te.REPLACE,
+        segmentId: m
       });
-    } else if (u === !0) {
-      if (p == null)
+    } else if (g === !0) {
+      if (C == null)
         return !0;
-      if (p.content === "\r")
-        c = await s.executeCommand(Le.id, {
-          direction: X.LEFT,
-          range: r
+      if (C.content === "\r")
+        o = await n.executeCommand(Ue.id, {
+          direction: k.LEFT,
+          range: c
         });
       else {
-        _ -= p.count;
-        const C = [
+        p -= C.count;
+        const R = [
           {
-            startOffset: _,
-            endOffset: _,
-            style: m
+            startOffset: p,
+            endOffset: p,
+            style: h
           }
         ];
-        c = await s.executeCommand(we.id, {
-          unitId: l.getUnitId(),
-          range: r,
-          segmentId: g,
-          direction: X.LEFT,
-          len: p.count,
-          textRanges: C
+        o = await n.executeCommand(Pe.id, {
+          unitId: r.getUnitId(),
+          range: c,
+          segmentId: m,
+          direction: k.LEFT,
+          len: C.count,
+          textRanges: R
         });
       }
     } else {
-      const C = vt(r, i);
-      c = await s.executeCommand(_t.id, {
-        segmentId: g,
-        textRanges: C
+      const R = _t(c, l);
+      o = await n.executeCommand(It.id, {
+        segmentId: m,
+        textRanges: R
       });
     }
-    return c;
+    return o;
   }
-}, un = {
+}, an = {
   id: "doc.command.delete-right",
-  type: v.COMMAND,
-  handler: async (o) => {
-    var S;
-    const e = o.get(T), t = o.get(H), n = o.get(D), s = o.get(I), r = e.getActiveRange(), i = e.getSelections(), a = (S = t.getCurrent()) == null ? void 0 : S.skeleton;
-    let c;
-    if (r == null || a == null || i == null)
+  type: I.COMMAND,
+  handler: async (s) => {
+    const e = s.get(T), n = s.get(N).getCurrentUniverDocInstance();
+    if (!n)
       return !1;
-    const l = n.getCurrentUniverDocInstance();
-    if (!l)
+    const o = St(s, n.getUnitId()), r = s.get(_), i = e.getActiveRange(), a = e.getSelections(), c = o == null ? void 0 : o.getSkeleton();
+    if (i == null || c == null || a == null)
       return !1;
-    const { startOffset: d, collapsed: u, segmentId: g, style: m } = r;
-    if (d === l.getBody().dataStream.length - 2 && u)
+    const { startOffset: l, collapsed: d, segmentId: u, style: g } = i;
+    if (l === n.getBody().dataStream.length - 2 && d)
       return !0;
-    if (u === !0) {
-      const h = a.findNodeByCharIndex(d);
+    let m = !1;
+    if (d === !0) {
+      const h = c.findNodeByCharIndex(l);
       if (h.content === "\r")
-        c = await s.executeCommand(Le.id, {
-          direction: X.RIGHT,
-          range: r
+        m = await r.executeCommand(Ue.id, {
+          direction: k.RIGHT,
+          range: i
         });
       else {
         const f = [
           {
-            startOffset: d,
-            endOffset: d,
-            style: m
+            startOffset: l,
+            endOffset: l,
+            style: g
           }
         ];
-        c = await s.executeCommand(we.id, {
-          unitId: l.getUnitId(),
-          range: r,
-          segmentId: g,
-          direction: X.RIGHT,
+        m = await r.executeCommand(Pe.id, {
+          unitId: n.getUnitId(),
+          range: i,
+          segmentId: u,
+          direction: k.RIGHT,
           textRanges: f,
           len: h.count
         });
       }
     } else {
-      const h = vt(r, i);
-      c = await s.executeCommand(_t.id, {
-        segmentId: g,
+      const h = _t(i, a);
+      m = await r.executeCommand(It.id, {
+        segmentId: u,
         textRanges: h
       });
     }
-    return c;
+    return m;
   }
-}, Le = {
+}, Ue = {
   id: "doc.command.merge-two-paragraph",
-  type: v.COMMAND,
+  type: I.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: async (o, e) => {
-    var w, U, O;
-    const t = o.get(T), n = o.get(D), s = o.get(I), { direction: r, range: i } = e, a = t.getActiveRange(), c = t.getSelections();
+  handler: async (s, e) => {
+    var L, U, O;
+    const t = s.get(T), n = s.get(N), o = s.get(_), { direction: r, range: i } = e, a = t.getActiveRange(), c = t.getSelections();
     if (a == null || c == null)
       return !1;
     const l = n.getCurrentUniverDocInstance();
@@ -912,48 +835,48 @@ const dn = {
     const { startOffset: d, collapsed: u, segmentId: g, style: m } = a;
     if (!u)
       return !1;
-    const S = r === X.LEFT ? d : d + 1, h = (O = (U = (w = l.getBody()) == null ? void 0 : w.paragraphs) == null ? void 0 : U.find((b) => b.startIndex >= S)) == null ? void 0 : O.startIndex, f = gn(l.getBody(), S, h), _ = r === X.LEFT ? d - 1 : d, p = l.getUnitId(), x = [
+    const h = r === k.LEFT ? d : d + 1, f = (O = (U = (L = l.getBody()) == null ? void 0 : L.paragraphs) == null ? void 0 : U.find((b) => b.startIndex >= h)) == null ? void 0 : O.startIndex, S = cn(l.getBody(), h, f), v = r === k.LEFT ? d - 1 : d, p = l.getUnitId(), C = [
       {
-        startOffset: _,
-        endOffset: _,
+        startOffset: v,
+        endOffset: v,
         style: m
       }
-    ], M = {
+    ], x = {
       id: B.id,
       params: {
         unitId: p,
         actions: [],
-        textRanges: x,
+        textRanges: C,
         prevTextRanges: [i]
       }
-    }, C = new F(), A = N.getInstance();
-    return C.push({
-      t: y.RETAIN,
-      len: r === X.LEFT ? d - 1 : d,
+    }, R = new F(), A = D.getInstance();
+    return R.push({
+      t: M.RETAIN,
+      len: r === k.LEFT ? d - 1 : d,
       segmentId: g
-    }), f.dataStream.length && C.push({
-      t: y.INSERT,
-      body: f,
-      len: f.dataStream.length,
+    }), S.dataStream.length && R.push({
+      t: M.INSERT,
+      body: S,
+      len: S.dataStream.length,
       line: 0,
       segmentId: g
-    }), C.push({
-      t: y.RETAIN,
+    }), R.push({
+      t: M.RETAIN,
       len: 1,
       segmentId: g
-    }), C.push({
-      t: y.DELETE,
-      len: h + 1 - S,
+    }), R.push({
+      t: M.DELETE,
+      len: f + 1 - h,
       line: 0,
       segmentId: g
-    }), M.params.actions = A.editOp(C.serialize()), !!s.syncExecuteCommand(M.id, M.params);
+    }), x.params.actions = A.editOp(R.serialize()), !!o.syncExecuteCommand(x.id, x.params);
   }
 };
-function gn(o, e, t) {
-  const { textRuns: n } = o, s = o.dataStream.substring(e, t);
+function cn(s, e, t) {
+  const { textRuns: n } = s, o = s.dataStream.substring(e, t);
   if (n == null)
     return {
-      dataStream: s
+      dataStream: o
     };
   const r = [];
   for (const i of n) {
@@ -973,106 +896,106 @@ function gn(o, e, t) {
     }));
   }
   return {
-    dataStream: s,
+    dataStream: o,
     textRuns: r
   };
 }
-function vt(o, e) {
-  let t = o.endOffset;
-  for (const s of e) {
-    const { startOffset: r, endOffset: i } = s;
-    r == null || i == null || i <= o.endOffset && (t -= i - r);
+function _t(s, e) {
+  let t = s.endOffset;
+  for (const o of e) {
+    const { startOffset: r, endOffset: i } = o;
+    r == null || i == null || i <= s.endOffset && (t -= i - r);
   }
   return [
     {
       startOffset: t,
       endOffset: t,
-      style: o.style
+      style: s.style
     }
   ];
 }
-const It = {
+const vt = {
   id: "doc.command.ime-input",
-  type: v.COMMAND,
-  handler: async (o, e) => {
-    const { unitId: t, newText: n, oldTextLen: s, isCompositionEnd: r, isCompositionStart: i } = e, a = o.get(I), c = o.get(Se), l = c.getActiveRange();
+  type: I.COMMAND,
+  handler: async (s, e) => {
+    const { unitId: t, newText: n, oldTextLen: o, isCompositionEnd: r, isCompositionStart: i } = e, a = s.get(_), c = s.get(he), l = c.getActiveRange();
     if (l == null)
       return !1;
-    const { startOffset: d, style: u, segmentId: g } = l, m = n.length, S = [
+    const { startOffset: d, style: u, segmentId: g } = l, m = n.length, h = [
       {
         startOffset: d + m,
         endOffset: d + m,
         collapsed: !0,
         style: u
       }
-    ], h = {
+    ], f = {
       id: B.id,
       params: {
         unitId: t,
         actions: [],
-        textRanges: S
+        textRanges: h
       }
-    }, f = new F(), _ = N.getInstance();
-    !l.collapsed && i ? f.push(...Pe(l, g)) : f.push({
-      t: y.RETAIN,
+    }, S = new F(), v = D.getInstance();
+    !l.collapsed && i ? S.push(...De(l, g)) : S.push({
+      t: M.RETAIN,
       len: d,
       segmentId: g
-    }), s > 0 && f.push({
-      t: y.DELETE,
-      len: s,
+    }), o > 0 && S.push({
+      t: M.DELETE,
+      len: o,
       line: 0,
       segmentId: g
-    }), f.push({
-      t: y.INSERT,
+    }), S.push({
+      t: M.INSERT,
       body: {
         dataStream: n
       },
       len: n.length,
       line: 0,
       segmentId: g
-    }), h.params.actions = _.editOp(f.serialize()), h.params.noHistory = !r, h.params.isCompositionEnd = r;
-    const p = a.syncExecuteCommand(h.id, h.params);
-    return c.pushUndoRedoMutationParams(p, h.params), !!p;
+    }), f.params.actions = v.editOp(S.serialize()), f.params.noHistory = !r, f.params.isCompositionEnd = r;
+    const p = a.syncExecuteCommand(f.id, f.params);
+    return c.pushUndoRedoMutationParams(p, f.params), !!p;
   }
 };
-function $(o, e, t, n) {
+function $(s, e, t, n) {
   var r;
-  const { segmentId: s } = (r = t.getActiveRange()) != null ? r : {};
-  return s == null ? !1 : n.executeCommand(Ct.id, {
-    segmentId: s,
-    preCommandId: o,
+  const { segmentId: o } = (r = t.getActiveRange()) != null ? r : {};
+  return o == null ? !1 : n.executeCommand(Rt.id, {
+    segmentId: o,
+    preCommandId: s,
     ...e != null ? e : {}
   });
 }
-const nt = "doc.command.set-inline-format-bold", Be = {
-  id: nt,
-  type: v.COMMAND,
-  handler: async (o, e) => {
-    const t = o.get(I), n = o.get(T);
+const tt = "doc.command.set-inline-format-bold", we = {
+  id: tt,
+  type: I.COMMAND,
+  handler: async (s, e) => {
+    const t = s.get(_), n = s.get(T);
     return $(
-      nt,
+      tt,
       e,
       n,
       t
     );
   }
-}, ot = "doc.command.set-inline-format-italic", Fe = {
-  id: ot,
-  type: v.COMMAND,
-  handler: async (o, e) => {
-    const t = o.get(I), n = o.get(T);
+}, nt = "doc.command.set-inline-format-italic", Le = {
+  id: nt,
+  type: I.COMMAND,
+  handler: async (s, e) => {
+    const t = s.get(_), n = s.get(T);
     return $(
-      ot,
+      nt,
       e,
       n,
       t
     );
   }
-}, st = "doc.command.set-inline-format-underline", $e = {
+}, st = "doc.command.set-inline-format-underline", Be = {
   id: st,
-  type: v.COMMAND,
-  handler: async (o, e) => {
-    const t = o.get(I), n = o.get(T);
+  type: I.COMMAND,
+  handler: async (s, e) => {
+    const t = s.get(_), n = s.get(T);
     return $(
       st,
       e,
@@ -1080,11 +1003,23 @@ const nt = "doc.command.set-inline-format-bold", Be = {
       t
     );
   }
-}, rt = "doc.command.set-inline-format-strikethrough", Ve = {
+}, ot = "doc.command.set-inline-format-strikethrough", Fe = {
+  id: ot,
+  type: I.COMMAND,
+  handler: async (s, e) => {
+    const t = s.get(_), n = s.get(T);
+    return $(
+      ot,
+      e,
+      n,
+      t
+    );
+  }
+}, rt = "doc.command.set-inline-format-subscript", K = {
   id: rt,
-  type: v.COMMAND,
-  handler: async (o, e) => {
-    const t = o.get(I), n = o.get(T);
+  type: I.COMMAND,
+  handler: async (s, e) => {
+    const t = s.get(_), n = s.get(T);
     return $(
       rt,
       e,
@@ -1092,11 +1027,11 @@ const nt = "doc.command.set-inline-format-bold", Be = {
       t
     );
   }
-}, it = "doc.command.set-inline-format-subscript", se = {
+}, it = "doc.command.set-inline-format-superscript", $e = {
   id: it,
-  type: v.COMMAND,
-  handler: async (o, e) => {
-    const t = o.get(I), n = o.get(T);
+  type: I.COMMAND,
+  handler: async (s, e) => {
+    const t = s.get(_), n = s.get(T);
     return $(
       it,
       e,
@@ -1104,11 +1039,11 @@ const nt = "doc.command.set-inline-format-bold", Be = {
       t
     );
   }
-}, at = "doc.command.set-inline-format-superscript", ke = {
+}, at = "doc.command.set-inline-format-fontsize", ze = {
   id: at,
-  type: v.COMMAND,
-  handler: async (o, e) => {
-    const t = o.get(I), n = o.get(T);
+  type: I.COMMAND,
+  handler: async (s, e) => {
+    const t = s.get(_), n = s.get(T);
     return $(
       at,
       e,
@@ -1116,11 +1051,11 @@ const nt = "doc.command.set-inline-format-bold", Be = {
       t
     );
   }
-}, ct = "doc.command.set-inline-format-fontsize", ze = {
+}, ct = "doc.command.set-inline-format-font-family", je = {
   id: ct,
-  type: v.COMMAND,
-  handler: async (o, e) => {
-    const t = o.get(I), n = o.get(T);
+  type: I.COMMAND,
+  handler: async (s, e) => {
+    const t = s.get(_), n = s.get(T);
     return $(
       ct,
       e,
@@ -1128,11 +1063,11 @@ const nt = "doc.command.set-inline-format-bold", Be = {
       t
     );
   }
-}, lt = "doc.command.set-inline-format-font-family", je = {
+}, lt = "doc.command.set-inline-format-text-color", Ge = {
   id: lt,
-  type: v.COMMAND,
-  handler: async (o, e) => {
-    const t = o.get(I), n = o.get(T);
+  type: I.COMMAND,
+  handler: async (s, e) => {
+    const t = s.get(_), n = s.get(T);
     return $(
       lt,
       e,
@@ -1140,11 +1075,11 @@ const nt = "doc.command.set-inline-format-bold", Be = {
       t
     );
   }
-}, dt = "doc.command.set-inline-format-text-color", Ge = {
+}, dt = "doc.command.set-inline-format-text-background-color", Ve = {
   id: dt,
-  type: v.COMMAND,
-  handler: async (o, e) => {
-    const t = o.get(I), n = o.get(T);
+  type: I.COMMAND,
+  handler: async (s, e) => {
+    const t = s.get(_), n = s.get(T);
     return $(
       dt,
       e,
@@ -1152,11 +1087,11 @@ const nt = "doc.command.set-inline-format-bold", Be = {
       t
     );
   }
-}, ut = "doc.command.set-inline-format-text-background-color", Xe = {
+}, ut = "doc.command.reset-inline-format-text-background-color", Xe = {
   id: ut,
-  type: v.COMMAND,
-  handler: async (o, e) => {
-    const t = o.get(I), n = o.get(T);
+  type: I.COMMAND,
+  handler: async (s, e) => {
+    const t = s.get(_), n = s.get(T);
     return $(
       ut,
       e,
@@ -1164,36 +1099,24 @@ const nt = "doc.command.set-inline-format-bold", Be = {
       t
     );
   }
-}, gt = "doc.command.reset-inline-format-text-background-color", He = {
-  id: gt,
-  type: v.COMMAND,
-  handler: async (o, e) => {
-    const t = o.get(I), n = o.get(T);
-    return $(
-      gt,
-      e,
-      n,
-      t
-    );
-  }
-}, Mt = {
-  [Be.id]: "bl",
-  [Fe.id]: "it",
-  [$e.id]: "ul",
-  [Ve.id]: "st",
+}, Ct = {
+  [we.id]: "bl",
+  [Le.id]: "it",
+  [Be.id]: "ul",
+  [Fe.id]: "st",
   [ze.id]: "fs",
   [je.id]: "ff",
   [Ge.id]: "cl",
+  [Ve.id]: "bg",
   [Xe.id]: "bg",
-  [He.id]: "bg",
-  [se.id]: "va",
-  [ke.id]: "va"
-}, Ct = {
+  [K.id]: "va",
+  [$e.id]: "va"
+}, Rt = {
   id: "doc.command.set-inline-format",
-  type: v.COMMAND,
+  type: I.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: async (o, e) => {
-    const { segmentId: t, value: n, preCommandId: s } = e, r = o.get(I), i = o.get(T), a = o.get(D), c = i.getSelections();
+  handler: async (s, e) => {
+    const { segmentId: t, value: n, preCommandId: o } = e, r = s.get(_), i = s.get(T), a = s.get(N), c = i.getSelections();
     if (!Array.isArray(c) || c.length === 0)
       return !1;
     const l = a.getCurrentUniverDocInstance();
@@ -1201,16 +1124,16 @@ const nt = "doc.command.set-inline-format-bold", Be = {
       return !1;
     const d = l.getUnitId();
     let u;
-    switch (s) {
+    switch (o) {
+      case we.id:
+      case Le.id:
       case Be.id:
       case Fe.id:
-      case $e.id:
-      case Ve.id:
-      case se.id:
-      case ke.id: {
-        u = hn(
+      case K.id:
+      case $e.id: {
+        u = dn(
           l.getBody().textRuns,
-          s,
+          o,
           c
         );
         break;
@@ -1221,333 +1144,333 @@ const nt = "doc.command.set-inline-format-bold", Be = {
         break;
       }
       case Ge.id:
-      case Xe.id: {
+      case Ve.id: {
         u = {
           rgb: n
         };
         break;
       }
-      case He.id: {
+      case Xe.id: {
         u = {
           rgb: null
         };
         break;
       }
       default:
-        throw new Error(`Unknown command: ${s} in handleInlineFormat`);
+        throw new Error(`Unknown command: ${o} in handleInlineFormat`);
     }
     const g = {
       id: B.id,
       params: {
         unitId: d,
         actions: [],
-        textRanges: c.map(J)
+        textRanges: c.map(W)
       }
-    }, m = new F(), S = N.getInstance(), h = new re();
-    h.reset();
-    for (const _ of c) {
-      const { startOffset: p, endOffset: x } = _, M = {
+    }, m = new F(), h = D.getInstance(), f = new q();
+    f.reset();
+    for (const v of c) {
+      const { startOffset: p, endOffset: C } = v, x = {
         dataStream: "",
         textRuns: [
           {
             st: 0,
-            ed: x - p,
+            ed: C - p,
             ts: {
-              [Mt[s]]: u
+              [Ct[o]]: u
             }
           }
         ]
-      }, C = p - h.cursor;
-      C !== 0 && m.push({
-        t: y.RETAIN,
-        len: C,
+      }, R = p - f.cursor;
+      R !== 0 && m.push({
+        t: M.RETAIN,
+        len: R,
         segmentId: t
       }), m.push({
-        t: y.RETAIN,
-        body: M,
-        len: x - p,
+        t: M.RETAIN,
+        body: x,
+        len: C - p,
         segmentId: t
-      }), h.reset(), h.moveCursor(x);
+      }), f.reset(), f.moveCursor(C);
     }
-    return g.params.actions = S.editOp(m.serialize()), !!r.syncExecuteCommand(g.id, g.params);
+    return g.params.actions = h.editOp(m.serialize()), !!r.syncExecuteCommand(g.id, g.params);
   }
 };
-function mn(o) {
-  return o !== null && typeof o == "object";
+function ln(s) {
+  return s !== null && typeof s == "object";
 }
-function hn(o, e, t) {
-  let n = 0, s = 0;
-  const r = Mt[e];
-  for (; n !== o.length && s !== t.length; ) {
-    const { startOffset: i, endOffset: a } = t[s], { st: c, ed: l, ts: d } = o[n];
+function dn(s, e, t) {
+  let n = 0, o = 0;
+  const r = Ct[e];
+  for (; n !== s.length && o !== t.length; ) {
+    const { startOffset: i, endOffset: a } = t[o], { st: c, ed: l, ts: d } = s[n];
     if (a <= c)
-      s++;
+      o++;
     else if (l <= i)
       n++;
     else {
       if (/bl|it/.test(r))
-        return (d == null ? void 0 : d[r]) === j.TRUE ? j.FALSE : j.TRUE;
+        return (d == null ? void 0 : d[r]) === V.TRUE ? V.FALSE : V.TRUE;
       if (/ul|st/.test(r))
-        return mn(d == null ? void 0 : d[r]) && (d == null ? void 0 : d[r]).s === j.TRUE ? {
-          s: j.FALSE
+        return ln(d == null ? void 0 : d[r]) && (d == null ? void 0 : d[r]).s === V.TRUE ? {
+          s: V.FALSE
         } : {
-          s: j.TRUE
+          s: V.TRUE
         };
       if (/va/.test(r))
-        return e === se.id ? (d == null ? void 0 : d[r]) === G.SUBSCRIPT ? G.NORMAL : G.SUBSCRIPT : (d == null ? void 0 : d[r]) === G.SUPERSCRIPT ? G.NORMAL : G.SUPERSCRIPT;
+        return e === K.id ? (d == null ? void 0 : d[r]) === X.SUBSCRIPT ? X.NORMAL : X.SUBSCRIPT : (d == null ? void 0 : d[r]) === X.SUPERSCRIPT ? X.NORMAL : X.SUPERSCRIPT;
       n++;
     }
   }
-  return /bl|it/.test(r) ? j.TRUE : /ul|st/.test(r) ? {
-    s: j.TRUE
-  } : e === se.id ? G.SUBSCRIPT : G.SUPERSCRIPT;
+  return /bl|it/.test(r) ? V.TRUE : /ul|st/.test(r) ? {
+    s: V.TRUE
+  } : e === K.id ? X.SUBSCRIPT : X.SUPERSCRIPT;
 }
-const Ye = {
+const ke = {
   id: "doc.command.list-operation",
-  type: v.COMMAND,
+  type: I.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: (o, e) => {
-    var b, L, Y, ce;
-    const t = o.get(T), n = o.get(D), s = o.get(I), { listType: r } = e, i = n.getCurrentUniverDocInstance();
+  handler: (s, e) => {
+    var b, w, Y, se;
+    const t = s.get(T), n = s.get(N), o = s.get(_), { listType: r } = e, i = n.getCurrentUniverDocInstance();
     if (!i)
       return !1;
-    const a = t.getActiveRange(), c = (b = t.getSelections()) != null ? b : [], l = (L = i.getBody()) == null ? void 0 : L.paragraphs, d = c.map(J);
+    const a = t.getActiveRange(), c = (b = t.getSelections()) != null ? b : [], l = (w = i.getBody()) == null ? void 0 : w.paragraphs, d = c.map(W);
     if (a == null || l == null)
       return !1;
-    const u = Rt(a, l), { segmentId: g } = a, m = i.getUnitId(), S = u.every((W) => {
-      var V;
-      return ((V = W.bullet) == null ? void 0 : V.listType) === r;
+    const u = xt(a, l), { segmentId: g } = a, m = i.getUnitId(), h = u.every((j) => {
+      var z;
+      return ((z = j.bullet) == null ? void 0 : z.listType) === r;
     });
-    let f = ee.generateRandomId(6);
+    let S = J.generateRandomId(6);
     if (u.length === 1) {
-      const W = l.indexOf(u[0]), V = l[W - 1], z = l[W + 1];
-      V && V.bullet && V.bullet.listType === r ? f = V.bullet.listId : z && z.bullet && z.bullet.listType === r && (f = z.bullet.listId);
+      const j = l.indexOf(u[0]), z = l[j - 1], G = l[j + 1];
+      z && z.bullet && z.bullet.listType === r ? S = z.bullet.listId : G && G.bullet && G.bullet.listType === r && (S = G.bullet.listId);
     }
-    const _ = {
+    const v = {
       id: B.id,
       params: {
         unitId: m,
         actions: [],
         textRanges: d
       }
-    }, p = new re();
+    }, p = new q();
     p.reset();
-    const x = new F(), M = N.getInstance(), C = (Y = i.getSnapshot().lists) != null ? Y : {}, A = {
+    const C = new F(), x = D.getInstance(), R = (Y = i.getSnapshot().lists) != null ? Y : {}, A = {
       ...bt,
-      ...C
-    }, { charSpace: E, defaultTabStop: w = 36, gridType: U } = i.getSnapshot().documentStyle;
-    for (const W of u) {
-      const { startIndex: V, paragraphStyle: z = {} } = W, { indentFirstLine: yt = 0, snapToGrid: Ot, indentStart: _e = 0 } = z, { hanging: ve, indentStart: We } = A[r].nestingLevel[0], Ie = kt(E, w, U, Ot);
-      x.push({
-        t: y.RETAIN,
-        len: V - p.cursor,
+      ...R
+    }, { charSpace: E, defaultTabStop: L = 36, gridType: U } = i.getSnapshot().documentStyle;
+    for (const j of u) {
+      const { startIndex: z, paragraphStyle: G = {} } = j, { indentFirstLine: yt = 0, snapToGrid: Ot, indentStart: pe = 0 } = G, { hanging: Se, indentStart: He } = A[r].nestingLevel[0], Ie = jt(E, L, U, Ot);
+      C.push({
+        t: M.RETAIN,
+        len: z - p.cursor,
         segmentId: g
-      }), x.push({
-        t: y.RETAIN,
+      }), C.push({
+        t: M.RETAIN,
         len: 1,
         body: {
           dataStream: "",
           paragraphs: [
-            S ? {
+            h ? {
               paragraphStyle: {
-                ...z,
+                ...G,
                 hanging: void 0,
-                indentStart: _e ? Math.max(0, Me(_e, Ie) + ve - We) : void 0
+                indentStart: pe ? Math.max(0, _e(pe, Ie) + Se - He) : void 0
               },
               startIndex: 0
             } : {
               startIndex: 0,
               paragraphStyle: {
-                ...z,
+                ...G,
                 indentFirstLine: void 0,
-                hanging: ve,
-                indentStart: We - ve + Me(yt, Ie) + Me(_e, Ie)
+                hanging: Se,
+                indentStart: He - Se + _e(yt, Ie) + _e(pe, Ie)
               },
               bullet: {
-                ...(ce = W.bullet) != null ? ce : {
+                ...(se = j.bullet) != null ? se : {
                   nestingLevel: 0,
                   textStyle: {
                     fs: 20
                   }
                 },
                 listType: r,
-                listId: f
+                listId: S
               }
             }
           ]
         },
         segmentId: g,
-        coverType: Ee.REPLACE
-      }), p.moveCursorTo(V + 1);
+        coverType: Te.REPLACE
+      }), p.moveCursorTo(z + 1);
     }
-    return _.params.actions = M.editOp(x.serialize()), !!s.syncExecuteCommand(_.id, _.params);
+    return v.params.actions = x.editOp(C.serialize()), !!o.syncExecuteCommand(v.id, v.params);
   }
-}, fn = {
+}, un = {
   id: "doc.command.bullet-list",
-  type: v.COMMAND,
-  handler: (o) => o.get(I).syncExecuteCommand(Ye.id, {
-    listType: ht.BULLET_LIST
+  type: I.COMMAND,
+  handler: (s) => s.get(_).syncExecuteCommand(ke.id, {
+    listType: mt.BULLET_LIST
   })
-}, pn = {
+}, gn = {
   id: "doc.command.order-list",
-  type: v.COMMAND,
-  handler: (o) => o.get(I).syncExecuteCommand(Ye.id, {
-    listType: ht.ORDER_LIST
+  type: I.COMMAND,
+  handler: (s) => s.get(_).syncExecuteCommand(ke.id, {
+    listType: mt.ORDER_LIST
   })
 };
-function Rt(o, e) {
-  const { startOffset: t, endOffset: n } = o, s = [];
+function xt(s, e) {
+  const { startOffset: t, endOffset: n } = s, o = [];
   let r = -1;
   for (const i of e) {
     const { startIndex: a } = i;
-    (t > r && t <= a || n > r && n <= a || a >= t && a <= n) && s.push(i), r = a;
+    (t > r && t <= a || n > r && n <= a || a >= t && a <= n) && o.push(i), r = a;
   }
-  return s;
+  return o;
 }
-const ae = {
+const ne = {
   id: "doc.command.align-operation",
-  type: v.COMMAND,
+  type: I.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: (o, e) => {
-    var M, C;
-    const t = o.get(T), n = o.get(D), s = o.get(I), { alignType: r } = e, i = n.getCurrentUniverDocInstance();
+  handler: (s, e) => {
+    var x, R;
+    const t = s.get(T), n = s.get(N), o = s.get(_), { alignType: r } = e, i = n.getCurrentUniverDocInstance();
     if (!i) return !1;
-    const a = t.getActiveRange(), c = (M = t.getSelections()) != null ? M : [], l = (C = i.getBody()) == null ? void 0 : C.paragraphs, d = c.map(J);
+    const a = t.getActiveRange(), c = (x = t.getSelections()) != null ? x : [], l = (R = i.getBody()) == null ? void 0 : R.paragraphs, d = c.map(W);
     if (a == null || l == null) return !1;
-    const u = Rt(a, l), { segmentId: g } = a, m = i.getUnitId(), S = u.every((A) => {
+    const u = xt(a, l), { segmentId: g } = a, m = i.getUnitId(), h = u.every((A) => {
       var E;
       return ((E = A.paragraphStyle) == null ? void 0 : E.horizontalAlign) === r;
-    }), h = {
+    }), f = {
       id: B.id,
       params: {
         unitId: m,
         actions: [],
         textRanges: d
       }
-    }, f = new re();
-    f.reset();
-    const _ = new F(), p = N.getInstance();
+    }, S = new q();
+    S.reset();
+    const v = new F(), p = D.getInstance();
     for (const A of u) {
       const { startIndex: E } = A;
-      _.push({
-        t: y.RETAIN,
-        len: E - f.cursor,
+      v.push({
+        t: M.RETAIN,
+        len: E - S.cursor,
         segmentId: g
       });
-      const w = {
+      const L = {
         ...A.paragraphStyle,
-        horizontalAlign: S ? ie.UNSPECIFIED : r
+        horizontalAlign: h ? Q.UNSPECIFIED : r
       };
-      _.push({
-        t: y.RETAIN,
+      v.push({
+        t: M.RETAIN,
         len: 1,
         body: {
           dataStream: "",
           paragraphs: [
             {
               ...A,
-              paragraphStyle: w,
+              paragraphStyle: L,
               startIndex: 0
             }
           ]
         },
         segmentId: g,
-        coverType: Ee.REPLACE
-      }), f.moveCursorTo(E + 1);
+        coverType: Te.REPLACE
+      }), S.moveCursorTo(E + 1);
     }
-    return h.params.actions = p.editOp(_.serialize()), !!s.syncExecuteCommand(h.id, h.params);
+    return f.params.actions = p.editOp(v.serialize()), !!o.syncExecuteCommand(f.id, f.params);
   }
-}, Sn = {
+}, mn = {
   id: "doc.command.align-left",
-  type: v.COMMAND,
-  handler: (o) => o.get(I).syncExecuteCommand(ae.id, {
-    alignType: ie.LEFT
+  type: I.COMMAND,
+  handler: (s) => s.get(_).syncExecuteCommand(ne.id, {
+    alignType: Q.LEFT
   })
-}, _n = {
+}, fn = {
   id: "doc.command.align-center",
-  type: v.COMMAND,
-  handler: (o) => o.get(I).syncExecuteCommand(ae.id, {
-    alignType: ie.CENTER
+  type: I.COMMAND,
+  handler: (s) => s.get(_).syncExecuteCommand(ne.id, {
+    alignType: Q.CENTER
   })
-}, vn = {
+}, hn = {
   id: "doc.command.align-right",
-  type: v.COMMAND,
-  handler: (o) => o.get(I).syncExecuteCommand(ae.id, {
-    alignType: ie.RIGHT
+  type: I.COMMAND,
+  handler: (s) => s.get(_).syncExecuteCommand(ne.id, {
+    alignType: Q.RIGHT
   })
-}, In = {
+}, pn = {
   id: "doc.command.align-justify",
-  type: v.COMMAND,
-  handler: (o) => o.get(I).syncExecuteCommand(ae.id, {
-    alignType: ie.JUSTIFIED
+  type: I.COMMAND,
+  handler: (s) => s.get(_).syncExecuteCommand(ne.id, {
+    alignType: Q.JUSTIFIED
   })
-}, Mn = {
+}, Sn = {
   id: "doc.command-replace-content",
-  type: v.COMMAND,
-  handler: async (o, e) => {
+  type: I.COMMAND,
+  handler: async (s, e) => {
     var m;
-    const { unitId: t, body: n, textRanges: s, segmentId: r = "" } = e, i = o.get(D), a = o.get(I), c = o.get(T), l = (m = i.getUniverDocInstance(t)) == null ? void 0 : m.getSnapshot().body, d = c.getSelections();
+    const { unitId: t, body: n, textRanges: o, segmentId: r = "" } = e, i = s.get(N), a = s.get(_), c = s.get(T), l = (m = i.getUniverDocInstance(t)) == null ? void 0 : m.getSnapshot().body, d = c.getSelections();
     if (l == null || !Array.isArray(d) || d.length === 0)
       return !1;
-    const u = xt(t, r, l, n);
-    return u.params.textRanges = s, !!a.syncExecuteCommand(u.id, u.params);
+    const u = Mt(t, r, l, n);
+    return u.params.textRanges = o, !!a.syncExecuteCommand(u.id, u.params);
   }
-}, Cn = {
+}, In = {
   id: "doc.command-cover-content",
-  type: v.COMMAND,
-  handler: async (o, e) => {
+  type: I.COMMAND,
+  handler: async (s, e) => {
     var d;
-    const { unitId: t, body: n, segmentId: s = "" } = e, r = o.get(D), i = o.get(I), a = o.get(Te), c = (d = r.getUniverDocInstance(t)) == null ? void 0 : d.getSnapshot().body;
+    const { unitId: t, body: n, segmentId: o = "" } = e, r = s.get(N), i = s.get(_), a = s.get(Oe), c = (d = r.getUniverDocInstance(t)) == null ? void 0 : d.getSnapshot().body;
     if (c == null)
       return !1;
-    const l = xt(t, s, c, n);
+    const l = Mt(t, o, c, n);
     return l.params.noNeedSetTextRange = !0, l.params.noHistory = !0, i.syncExecuteCommand(
       l.id,
       l.params
     ), a.clearUndoRedo(t), !0;
   }
 };
-function xt(o, e, t, n) {
-  const s = {
+function Mt(s, e, t, n) {
+  const o = {
     id: B.id,
     params: {
-      unitId: o,
+      unitId: s,
       actions: [],
       textRanges: []
     }
-  }, r = new F(), i = N.getInstance(), a = (t == null ? void 0 : t.dataStream.length) - 2;
+  }, r = new F(), i = D.getInstance(), a = (t == null ? void 0 : t.dataStream.length) - 2;
   return a > 0 && r.push({
-    t: y.DELETE,
+    t: M.DELETE,
     len: a,
     line: 0,
     segmentId: e
   }), n.dataStream.length > 0 && r.push({
-    t: y.INSERT,
+    t: M.INSERT,
     body: n,
     len: n.dataStream.length,
     line: 0,
     segmentId: e
-  }), s.params.actions = i.editOp(r.serialize()), s;
+  }), o.params.actions = i.editOp(r.serialize()), o;
 }
-const ye = {
+const Re = {
   id: "doc.operation.move-cursor",
-  type: v.OPERATION,
-  handler: (o, e) => !!e
-}, Oe = {
+  type: I.OPERATION,
+  handler: (s, e) => !!e
+}, xe = {
   id: "doc.operation.move-selection",
-  type: v.OPERATION,
-  handler: (o, e) => !!e
-}, Rn = (o, e) => {
-  const t = o.get(D).getUniverDocInstance(e.unitId), n = (t == null ? void 0 : t.zoomRatio) || 1;
+  type: I.OPERATION,
+  handler: (s, e) => !!e
+}, _n = (s, e) => {
+  const t = s.get(N).getUniverDocInstance(e.unitId), n = (t == null ? void 0 : t.zoomRatio) || 1;
   return {
-    ...ee.deepClone(e),
+    ...J.deepClone(e),
     zoomRatio: n
   };
-}, de = {
+}, ae = {
   id: "doc.operation.set-zoom-ratio",
-  type: v.OPERATION,
-  handler: (o, e) => {
-    const t = o.get(D).getUniverDocInstance(e.unitId);
+  type: I.OPERATION,
+  handler: (s, e) => {
+    const t = s.get(N).getUniverDocInstance(e.unitId);
     if (!t)
       return !1;
     const n = t.getSnapshot();
@@ -1555,57 +1478,57 @@ const ye = {
       zoomRatio: e.zoomRatio
     } : n.settings.zoomRatio = e.zoomRatio, !0;
   }
-}, xn = {
-  type: v.COMMAND,
+}, vn = {
+  type: I.COMMAND,
   id: "doc.command.set-zoom-ratio",
-  handler: async (o, e) => {
+  handler: async (s, e) => {
     var u, g, m;
-    const t = o.get(I), n = o.get(Te), s = o.get(D);
-    let r = (u = s.getCurrentUniverDocInstance()) == null ? void 0 : u.getUnitId();
+    const t = s.get(_), n = s.get(Oe), o = s.get(N);
+    let r = (u = o.getCurrentUniverDocInstance()) == null ? void 0 : u.getUnitId();
     if (!r) return !1;
     let i = 1;
-    if (e && (r = (g = e.documentId) != null ? g : r, i = (m = e.zoomRatio) != null ? m : i), !s.getUniverDocInstance(r)) return !1;
+    if (e && (r = (g = e.documentId) != null ? g : r, i = (m = e.zoomRatio) != null ? m : i), !o.getUniverDocInstance(r)) return !1;
     const c = {
       zoomRatio: i,
       unitId: r
-    }, l = Rn(o, c);
-    return t.syncExecuteCommand(de.id, c) ? (n.pushUndoRedo({
+    }, l = _n(s, c);
+    return t.syncExecuteCommand(ae.id, c) ? (n.pushUndoRedo({
       unitID: r,
-      undoMutations: [{ id: de.id, params: l }],
-      redoMutations: [{ id: de.id, params: c }]
+      undoMutations: [{ id: ae.id, params: l }],
+      redoMutations: [{ id: ae.id, params: c }]
     }), !0) : !1;
   }
-}, yn = {
+}, Cn = {
   id: "doc.operation.select-all",
-  type: v.COMMAND,
-  handler: async (o) => {
-    const e = o.get(D), t = o.get(T), n = e.getCurrentUniverDocInstance();
+  type: I.COMMAND,
+  handler: async (s) => {
+    const e = s.get(N), t = s.get(T), n = e.getCurrentUniverDocInstance();
     if (!n) return !1;
-    const s = n.getSnapshot().body;
-    if (s == null) return !1;
+    const o = n.getSnapshot().body;
+    if (o == null) return !1;
     const r = [
       {
         startOffset: 0,
-        endOffset: s.dataStream.length - 2
+        endOffset: o.dataStream.length - 2
       }
     ];
     return t.replaceTextRanges(r, !1), !0;
   }
 };
-var On = Object.defineProperty, Tn = Object.getOwnPropertyDescriptor, En = (o, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? Tn(e, t) : e, r = o.length - 1, i; r >= 0; r--)
-    (i = o[r]) && (s = (n ? i(e, t, s) : i(s)) || s);
-  return n && s && On(e, t, s), s;
-}, K = (o, e) => (t, n) => e(t, n, o);
-let ue = class extends Ne {
-  constructor(e, t, n, s, r) {
+var Rn = Object.defineProperty, xn = Object.getOwnPropertyDescriptor, Mn = (s, e, t, n) => {
+  for (var o = n > 1 ? void 0 : n ? xn(e, t) : e, r = s.length - 1, i; r >= 0; r--)
+    (i = s[r]) && (o = (n ? i(e, t, o) : i(o)) || o);
+  return n && o && Rn(e, t, o), o;
+}, Z = (s, e) => (t, n) => e(t, n, s);
+let ce = class extends Ne {
+  constructor(e, t, n, o, r) {
     super();
-    R(this, "_previousIMEContent", "");
-    R(this, "_isCompositionStart", !0);
-    R(this, "_onStartSubscription");
-    R(this, "_onUpdateSubscription");
-    R(this, "_onEndSubscription");
-    this._docSkeletonManagerService = e, this._univerInstanceService = t, this._textSelectionRenderManager = n, this._imeInputManagerService = s, this._commandService = r, this._initialize();
+    y(this, "_previousIMEContent", "");
+    y(this, "_isCompositionStart", !0);
+    y(this, "_onStartSubscription");
+    y(this, "_onUpdateSubscription");
+    y(this, "_onEndSubscription");
+    this._univerInstanceService = e, this._renderManagerSrv = t, this._textSelectionRenderManager = n, this._imeInputManagerService = o, this._commandService = r, this._initialize();
   }
   dispose() {
     var e, t, n;
@@ -1620,7 +1543,7 @@ let ue = class extends Ne {
         return;
       this._resetIME();
       const { activeRange: t } = e;
-      t != null && this._imeInputManagerService.setActiveRange(ee.deepClone(t));
+      t != null && this._imeInputManagerService.setActiveRange(J.deepClone(t));
     });
   }
   _initialOnCompositionUpdate() {
@@ -1635,18 +1558,17 @@ let ue = class extends Ne {
   }
   async _updateContent(e, t) {
     var l;
-    const n = (l = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : l.skeleton;
-    if (e == null || n == null)
+    if (e == null)
       return;
-    const s = this._univerInstanceService.getCurrentUniverDocInstance();
-    if (!s)
+    const n = this._univerInstanceService.getCurrentUniverDocInstance();
+    if (!n)
       return;
-    const { event: r, activeRange: i } = e;
-    if (n == null || i == null)
+    const o = (l = this._renderManagerSrv.getRenderById(n.getUnitId())) == null ? void 0 : l.with(H).getSkeleton(), { event: r, activeRange: i } = e;
+    if (o == null || i == null)
       return;
     const c = r.data;
-    c === this._previousIMEContent && t || (await this._commandService.executeCommand(It.id, {
-      unitId: s.getUnitId(),
+    c === this._previousIMEContent && t || (await this._commandService.executeCommand(vt.id, {
+      unitId: n.getUnitId(),
       newText: c,
       oldTextLen: this._previousIMEContent.length,
       isCompositionStart: this._isCompositionStart,
@@ -1657,40 +1579,40 @@ let ue = class extends Ne {
     this._previousIMEContent = "", this._isCompositionStart = !0, this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(null);
   }
 };
-ue = En([
-  De(Ae.Rendered, ue),
-  K(0, k(H)),
-  K(1, D),
-  K(2, pe),
-  K(3, k(Se)),
-  K(4, I)
-], ue);
-var Dn = Object.defineProperty, An = Object.getOwnPropertyDescriptor, Nn = (o, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? An(e, t) : e, r = o.length - 1, i; r >= 0; r--)
-    (i = o[r]) && (s = (n ? i(e, t, s) : i(s)) || s);
-  return n && s && Dn(e, t, s), s;
-}, q = (o, e) => (t, n) => e(t, n, o);
-let ge = class extends Ne {
-  constructor(e, t, n, s, r) {
+ce = Mn([
+  Ee(Ae.Rendered, ce),
+  Z(0, N),
+  Z(1, ee),
+  Z(2, me),
+  Z(3, te(he)),
+  Z(4, _)
+], ce);
+var yn = Object.defineProperty, On = Object.getOwnPropertyDescriptor, Tn = (s, e, t, n) => {
+  for (var o = n > 1 ? void 0 : n ? On(e, t) : e, r = s.length - 1, i; r >= 0; r--)
+    (i = s[r]) && (o = (n ? i(e, t, o) : i(o)) || o);
+  return n && o && yn(e, t, o), o;
+}, oe = (s, e) => (t, n) => e(t, n, s);
+let le = class extends Ne {
+  constructor(e, t, n, o) {
     super();
-    R(this, "_onInputSubscription");
-    this._docSkeletonManagerService = e, this._univerInstanceService = t, this._renderManagerService = n, this._textSelectionManagerService = s, this._commandService = r, this._commandExecutedListener();
+    y(this, "_onInputSubscription");
+    this._univerInstanceService = e, this._renderManagerService = t, this._textSelectionManagerService = n, this._commandService = o, this._commandExecutedListener();
   }
   dispose() {
     var e;
     super.dispose(), (e = this._onInputSubscription) == null || e.unsubscribe();
   }
   _commandExecutedListener() {
-    const e = [ye.id, Oe.id];
+    const e = [Re.id, xe.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (!e.includes(t.id))
           return;
         const n = t.params;
         switch (t.id) {
-          case ye.id:
+          case Re.id:
             return this._handleMoveCursor(n.direction);
-          case Oe.id:
+          case xe.id:
             return this._handleShiftMoveSelection(n.direction);
           default:
             throw new Error("Unknown command");
@@ -1700,33 +1622,33 @@ let ge = class extends Ne {
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   _handleShiftMoveSelection(e) {
-    var h, f, _;
-    const t = this._textSelectionManagerService.getActiveRange(), n = this._textSelectionManagerService.getSelections(), s = this._univerInstanceService.getCurrentUniverDocInstance();
-    if (!s)
+    var f, S, v;
+    const t = this._textSelectionManagerService.getActiveRange(), n = this._textSelectionManagerService.getSelections(), o = this._univerInstanceService.getCurrentUniverDocInstance();
+    if (!o)
       return;
-    const r = (h = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : h.skeleton, i = this._getDocObject();
+    const r = (f = this._renderManagerService.getRenderById(o.getUnitId())) == null ? void 0 : f.with(H).getSkeleton(), i = this._getDocObject();
     if (t == null || r == null || i == null)
       return;
     const { startOffset: a, endOffset: c, style: l, collapsed: d, direction: u } = t;
     if (n.length > 1) {
-      let p = Number.POSITIVE_INFINITY, x = Number.NEGATIVE_INFINITY;
-      for (const M of n)
-        p = Math.min(p, M.startOffset), x = Math.max(x, M.endOffset);
+      let p = Number.POSITIVE_INFINITY, C = Number.NEGATIVE_INFINITY;
+      for (const x of n)
+        p = Math.min(p, x.startOffset), C = Math.max(C, x.endOffset);
       this._textSelectionManagerService.replaceTextRanges([
         {
-          startOffset: e === P.LEFT || e === P.UP ? x : p,
-          endOffset: e === P.LEFT || e === P.UP ? p : x,
+          startOffset: e === P.LEFT || e === P.UP ? C : p,
+          endOffset: e === P.LEFT || e === P.UP ? p : C,
           style: l
         }
       ], !1);
       return;
     }
-    const g = d || u === Ke.FORWARD ? a : c;
-    let m = d || u === Ke.FORWARD ? c : a;
-    const S = (f = s.getBody().dataStream.length) != null ? f : Number.POSITIVE_INFINITY;
+    const g = d || u === Ze.FORWARD ? a : c;
+    let m = d || u === Ze.FORWARD ? c : a;
+    const h = (S = o.getBody().dataStream.length) != null ? S : Number.POSITIVE_INFINITY;
     if (e === P.LEFT || e === P.RIGHT) {
-      const p = r.findNodeByCharIndex(m - 1), x = r.findNodeByCharIndex(m);
-      m = e === P.RIGHT ? m + x.count : m - ((_ = p == null ? void 0 : p.count) != null ? _ : 0), m = Math.min(S - 2, Math.max(0, m)), this._textSelectionManagerService.replaceTextRanges([
+      const p = r.findNodeByCharIndex(m - 1), C = r.findNodeByCharIndex(m);
+      m = e === P.RIGHT ? m + C.count : m - ((v = p == null ? void 0 : p.count) != null ? v : 0), m = Math.min(h - 2, Math.max(0, m)), this._textSelectionManagerService.replaceTextRanges([
         {
           startOffset: g,
           endOffset: m,
@@ -1734,9 +1656,9 @@ let ge = class extends Ne {
         }
       ], !1);
     } else {
-      const p = r.findNodeByCharIndex(m), x = i.document.getOffsetConfig(), M = this._getTopOrBottomPosition(r, p, e === P.DOWN);
-      if (M == null) {
-        const A = e === P.UP ? 0 : S - 2;
+      const p = r.findNodeByCharIndex(m), C = i.document.getOffsetConfig(), x = this._getTopOrBottomPosition(r, p, e === P.DOWN);
+      if (x == null) {
+        const A = e === P.UP ? 0 : h - 2;
         if (A === m)
           return;
         this._textSelectionManagerService.replaceTextRanges([
@@ -1748,70 +1670,70 @@ let ge = class extends Ne {
         ], !1);
         return;
       }
-      const C = new qe(x, r).getRangePointData(
-        M,
-        M
+      const R = new Je(C, r).getRangePointData(
+        x,
+        x
       ).cursorList[0];
       this._textSelectionManagerService.replaceTextRanges([
         {
           startOffset: g,
-          endOffset: C.endOffset,
+          endOffset: R.endOffset,
           style: l
         }
       ], !1);
     }
   }
   _handleMoveCursor(e) {
-    var g, m, S;
-    const t = this._textSelectionManagerService.getActiveRange(), n = this._textSelectionManagerService.getSelections(), s = this._univerInstanceService.getCurrentUniverDocInstance();
-    if (!s)
+    var g, m, h;
+    const t = this._textSelectionManagerService.getActiveRange(), n = this._textSelectionManagerService.getSelections(), o = this._univerInstanceService.getCurrentUniverDocInstance();
+    if (!o)
       return !1;
-    const r = (g = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : g.skeleton, i = this._getDocObject();
+    const r = (g = this._renderManagerService.getRenderById(o.getUnitId())) == null ? void 0 : g.with(H).getSkeleton(), i = this._getDocObject();
     if (t == null || r == null || i == null || n == null)
       return;
-    const { startOffset: a, endOffset: c, style: l, collapsed: d } = t, u = (m = s.getBody().dataStream.length) != null ? m : Number.POSITIVE_INFINITY;
+    const { startOffset: a, endOffset: c, style: l, collapsed: d } = t, u = (m = o.getBody().dataStream.length) != null ? m : Number.POSITIVE_INFINITY;
     if (e === P.LEFT || e === P.RIGHT) {
-      let h;
+      let f;
       if (!t.collapsed || n.length > 1) {
-        let f = Number.POSITIVE_INFINITY, _ = Number.NEGATIVE_INFINITY;
+        let S = Number.POSITIVE_INFINITY, v = Number.NEGATIVE_INFINITY;
         for (const p of n)
-          f = Math.min(f, p.startOffset), _ = Math.max(_, p.endOffset);
-        h = e === P.LEFT ? f : _;
+          S = Math.min(S, p.startOffset), v = Math.max(v, p.endOffset);
+        f = e === P.LEFT ? S : v;
       } else {
-        const f = r.findNodeByCharIndex(a - 1), _ = r.findNodeByCharIndex(a);
-        e === P.LEFT ? h = Math.max(0, a - ((S = f == null ? void 0 : f.count) != null ? S : 0)) : h = Math.min(u - 2, c + _.count);
+        const S = r.findNodeByCharIndex(a - 1), v = r.findNodeByCharIndex(a);
+        e === P.LEFT ? f = Math.max(0, a - ((h = S == null ? void 0 : S.count) != null ? h : 0)) : f = Math.min(u - 2, c + v.count);
       }
       this._textSelectionManagerService.replaceTextRanges([
         {
-          startOffset: h,
-          endOffset: h,
+          startOffset: f,
+          endOffset: f,
           style: l
         }
       ], !1);
     } else {
-      const h = r.findNodeByCharIndex(a), f = r.findNodeByCharIndex(c), _ = i.document.getOffsetConfig(), p = this._getTopOrBottomPosition(
+      const f = r.findNodeByCharIndex(a), S = r.findNodeByCharIndex(c), v = i.document.getOffsetConfig(), p = this._getTopOrBottomPosition(
         r,
-        e === P.UP ? h : f,
+        e === P.UP ? f : S,
         e === P.DOWN
       );
       if (p == null) {
-        let M;
-        d ? M = e === P.UP ? 0 : u - 2 : M = e === P.UP ? a : c, this._textSelectionManagerService.replaceTextRanges([
+        let x;
+        d ? x = e === P.UP ? 0 : u - 2 : x = e === P.UP ? a : c, this._textSelectionManagerService.replaceTextRanges([
           {
-            startOffset: M,
-            endOffset: M,
+            startOffset: x,
+            endOffset: x,
             style: l
           }
         ], !1);
         return;
       }
-      const x = new qe(_, r).getRangePointData(
+      const C = new Je(v, r).getRangePointData(
         p,
         p
       ).cursorList[0];
       this._textSelectionManagerService.replaceTextRanges([
         {
-          ...x,
+          ...C,
           style: l
         }
       ], !1);
@@ -1820,10 +1742,10 @@ let ge = class extends Ne {
   _getTopOrBottomPosition(e, t, n) {
     if (t == null)
       return;
-    const s = this._getSpanLeftOffsetInLine(t), r = this._getNextOrPrevLine(t, n);
+    const o = this._getSpanLeftOffsetInLine(t), r = this._getNextOrPrevLine(t, n);
     if (r == null)
       return;
-    const i = this._matchPositionByLeftOffset(e, r, s);
+    const i = this._matchPositionByLeftOffset(e, r, o);
     if (i != null)
       return { ...i, isBack: !0 };
   }
@@ -1831,35 +1753,35 @@ let ge = class extends Ne {
     const t = e.parent;
     if (t == null)
       return Number.NEGATIVE_INFINITY;
-    const n = t.left, { left: s } = e;
-    return n + s;
+    const n = t.left, { left: o } = e;
+    return n + o;
   }
   _matchPositionByLeftOffset(e, t, n) {
-    const s = {
+    const o = {
       distance: Number.POSITIVE_INFINITY
     };
     for (const r of t.divides) {
       const i = r.left;
       for (const a of r.glyphGroup) {
         const { left: c } = a, l = i + c, d = Math.abs(n - l);
-        d < s.distance && (s.glyph = a, s.distance = d);
+        d < o.distance && (o.glyph = a, o.distance = d);
       }
     }
-    if (s.glyph != null)
-      return e.findPositionByGlyph(s.glyph);
+    if (o.glyph != null)
+      return e.findPositionByGlyph(o.glyph);
   }
   _getNextOrPrevLine(e, t) {
-    var S, h, f, _, p, x, M, C, A, E, w, U;
+    var h, f, S, v, p, C, x, R, A, E, L, U;
     const n = e.parent;
     if (n == null)
       return;
-    const s = n.parent;
-    if (s == null)
+    const o = n.parent;
+    if (o == null)
       return;
-    const r = s.parent;
+    const r = o.parent;
     if (r == null)
       return;
-    const i = r.lines.indexOf(s);
+    const i = r.lines.indexOf(o);
     if (i === -1)
       return;
     let a;
@@ -1872,9 +1794,9 @@ let ge = class extends Ne {
     if (l === -1)
       return;
     if (t === !0)
-      a = (S = c.columns[l + 1]) == null ? void 0 : S.lines[0];
+      a = (h = c.columns[l + 1]) == null ? void 0 : h.lines[0];
     else {
-      const O = (f = (h = c.columns) == null ? void 0 : h[l - 1]) == null ? void 0 : f.lines;
+      const O = (S = (f = c.columns) == null ? void 0 : f[l - 1]) == null ? void 0 : S.lines;
       a = O == null ? void 0 : O[O.length - 1];
     }
     if (a != null)
@@ -1886,10 +1808,10 @@ let ge = class extends Ne {
     if (u === -1)
       return;
     if (t === !0)
-      a = (p = (_ = d.sections[u - 1]) == null ? void 0 : _.columns[0]) == null ? void 0 : p.lines[0];
+      a = (p = (v = d.sections[u - 1]) == null ? void 0 : v.columns[0]) == null ? void 0 : p.lines[0];
     else {
-      const O = (M = (x = d.sections) == null ? void 0 : x[u - 1]) == null ? void 0 : M.columns, b = O == null ? void 0 : O[O.length - 1], L = b == null ? void 0 : b.lines;
-      a = L == null ? void 0 : L[L.length - 1];
+      const O = (x = (C = d.sections) == null ? void 0 : C[u - 1]) == null ? void 0 : x.columns, b = O == null ? void 0 : O[O.length - 1], w = b == null ? void 0 : b.lines;
+      a = w == null ? void 0 : w[w.length - 1];
     }
     if (a != null)
       return a;
@@ -1899,12 +1821,12 @@ let ge = class extends Ne {
     const m = g.pages.indexOf(d);
     if (m !== -1) {
       if (t === !0)
-        a = (E = (A = (C = g.pages[m + 1]) == null ? void 0 : C.sections[0]) == null ? void 0 : A.columns[0]) == null ? void 0 : E.lines[0];
+        a = (E = (A = (R = g.pages[m + 1]) == null ? void 0 : R.sections[0]) == null ? void 0 : A.columns[0]) == null ? void 0 : E.lines[0];
       else {
-        const O = (w = g.pages[m - 1]) == null ? void 0 : w.sections;
+        const O = (L = g.pages[m - 1]) == null ? void 0 : L.sections;
         if (O == null)
           return;
-        const b = (U = O[O.length - 1]) == null ? void 0 : U.columns, L = b[b.length - 1], Y = L == null ? void 0 : L.lines;
+        const b = (U = O[O.length - 1]) == null ? void 0 : U.columns, w = b[b.length - 1], Y = w == null ? void 0 : w.lines;
         a = Y[Y.length - 1];
       }
       if (a != null)
@@ -1912,27 +1834,26 @@ let ge = class extends Ne {
     }
   }
   _getDocObject() {
-    return Xt(this._univerInstanceService, this._renderManagerService);
+    return kt(this._univerInstanceService, this._renderManagerService);
   }
 };
-ge = Nn([
-  De(Ae.Rendered, ge),
-  q(0, k(H)),
-  q(1, D),
-  q(2, ft),
-  q(3, k(T)),
-  q(4, I)
-], ge);
-var bn = Object.defineProperty, Pn = Object.getOwnPropertyDescriptor, Un = (o, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? Pn(e, t) : e, r = o.length - 1, i; r >= 0; r--)
-    (i = o[r]) && (s = (n ? i(e, t, s) : i(s)) || s);
-  return n && s && bn(e, t, s), s;
-}, Q = (o, e) => (t, n) => e(t, n, o);
-let me = class extends Ne {
-  constructor(e, t, n, s, r) {
+le = Tn([
+  Ee(Ae.Rendered, le),
+  oe(0, N),
+  oe(1, ee),
+  oe(2, te(T)),
+  oe(3, _)
+], le);
+var En = Object.defineProperty, An = Object.getOwnPropertyDescriptor, Nn = (s, e, t, n) => {
+  for (var o = n > 1 ? void 0 : n ? An(e, t) : e, r = s.length - 1, i; r >= 0; r--)
+    (i = s[r]) && (o = (n ? i(e, t, o) : i(o)) || o);
+  return n && o && En(e, t, o), o;
+}, re = (s, e) => (t, n) => e(t, n, s);
+let de = class extends Ne {
+  constructor(e, t, n, o) {
     super();
-    R(this, "_onInputSubscription");
-    this._docSkeletonManagerService = e, this._univerInstanceService = t, this._renderManagerService = n, this._textSelectionRenderManager = s, this._commandService = r, this._init();
+    y(this, "_onInputSubscription");
+    this._univerInstanceService = e, this._renderManagerService = t, this._textSelectionRenderManager = n, this._commandService = o, this._init();
   }
   dispose() {
     var e;
@@ -1943,13 +1864,13 @@ let me = class extends Ne {
   }
   _initialNormalInput() {
     this._onInputSubscription = this._textSelectionRenderManager.onInput$.subscribe(async (e) => {
-      var S;
+      var h;
       if (e == null)
         return;
       const t = this._univerInstanceService.getCurrentUniverDocInstance();
       if (!t)
         return;
-      const n = t.getUnitId(), { event: s, content: r = "", activeRange: i } = e, a = s, c = (S = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : S.skeleton;
+      const n = t.getUnitId(), { event: o, content: r = "", activeRange: i } = e, a = o, c = (h = this._renderManagerService.getRenderById(t.getUnitId())) == null ? void 0 : h.with(H).getSkeleton();
       if (a.data == null || c == null || !c || !i)
         return;
       const { startOffset: l, segmentId: d, style: u } = i, g = r.length, m = [
@@ -1959,7 +1880,7 @@ let me = class extends Ne {
           style: u
         }
       ];
-      await this._commandService.executeCommand(Ue.id, {
+      await this._commandService.executeCommand(be.id, {
         unitId: n,
         body: {
           dataStream: r
@@ -1971,145 +1892,142 @@ let me = class extends Ne {
     });
   }
 };
-me = Un([
-  De(Ae.Rendered, me),
-  Q(0, k(H)),
-  Q(1, D),
-  Q(2, ft),
-  Q(3, pe),
-  Q(4, I)
-], me);
-var wn = Object.defineProperty, Ln = Object.getOwnPropertyDescriptor, Bn = (o, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? Ln(e, t) : e, r = o.length - 1, i; r >= 0; r--)
-    (i = o[r]) && (s = (n ? i(e, t, s) : i(s)) || s);
-  return n && s && wn(e, t, s), s;
-}, Fn = (o, e) => (t, n) => e(t, n, o);
-const $n = "docs";
-var le;
-let mt = (le = class extends Pt {
-  constructor(o = {}, e) {
+de = Nn([
+  Ee(Ae.Rendered, de),
+  re(0, N),
+  re(1, ee),
+  re(2, me),
+  re(3, _)
+], de);
+var Dn = Object.defineProperty, bn = Object.getOwnPropertyDescriptor, Pn = (s, e, t, n) => {
+  for (var o = n > 1 ? void 0 : n ? bn(e, t) : e, r = s.length - 1, i; r >= 0; r--)
+    (i = s[r]) && (o = (n ? i(e, t, o) : i(o)) || o);
+  return n && o && Dn(e, t, o), o;
+}, Un = (s, e) => (t, n) => e(t, n, s);
+const wn = "docs";
+var ie;
+let gt = (ie = class extends Pt {
+  constructor(s = {}, e) {
     super(), this._injector = e, this._initializeDependencies(e), this._initializeCommands();
   }
   _initializeCommands() {
     [
-      ye,
-      Oe,
-      dn,
-      un,
+      Re,
+      xe,
+      rn,
+      an,
+      we,
+      Le,
       Be,
       Fe,
+      K,
       $e,
-      Ve,
-      se,
-      ke,
       ze,
       je,
       Ge,
-      He,
       Xe,
-      Ct,
+      Ve,
+      Rt,
       sn,
+      be,
+      Pe,
+      pt,
+      vt,
       Ue,
-      we,
-      St,
-      It,
-      Le,
       B,
-      Mn,
-      Cn,
-      xn,
-      de,
-      pt,
-      yn,
-      pn,
-      fn,
-      Ye,
       Sn,
-      _n,
+      In,
       vn,
       ae,
-      In
-    ].forEach((o) => {
-      this._injector.get(I).registerCommand(o);
+      ht,
+      Cn,
+      gn,
+      un,
+      ke,
+      mn,
+      fn,
+      hn,
+      ne,
+      pn
+    ].forEach((s) => {
+      this._injector.get(_).registerCommand(s);
     });
   }
-  _initializeDependencies(o) {
+  _initializeDependencies(s) {
     [
       // services
-      [H],
-      [oe],
+      [ge],
       [he],
-      [Se],
       [
-        pe,
+        me,
         {
-          useClass: zt
+          useClass: Gt
         }
       ],
       [T],
       // controllers
-      [me],
-      [ue],
-      [ge]
-    ].forEach((e) => o.add(e));
-  }
-}, R(le, "pluginName", $n), R(le, "type", Z.UNIVER_DOC), le);
-mt = Bn([
-  Fn(1, k(jt))
-], mt);
+      [de],
+      [ce],
+      [le]
+    ].forEach((e) => s.add(e));
+  }
+}, y(ie, "pluginName", wn), y(ie, "type", Me.UNIVER_DOC), ie);
+gt = Pn([
+  Un(1, te(Vt))
+], gt);
 export {
-  _n as AlignCenterCommand,
-  In as AlignJustifyCommand,
-  Sn as AlignLeftCommand,
-  ae as AlignOperationCommand,
-  vn as AlignRightCommand,
+  fn as AlignCenterCommand,
+  pn as AlignJustifyCommand,
+  mn as AlignLeftCommand,
+  ne as AlignOperationCommand,
+  hn as AlignRightCommand,
   sn as BreakLineCommand,
-  fn as BulletListCommand,
-  Cn as CoverContentCommand,
-  _t as CutContentCommand,
-  Xn as DOCS_COMPONENT_BACKGROUND_LAYER_INDEX,
-  Wn as DOCS_COMPONENT_DEFAULT_Z_INDEX,
-  Yn as DOCS_COMPONENT_HEADER_LAYER_INDEX,
-  Hn as DOCS_COMPONENT_MAIN_LAYER_INDEX,
-  be as DOCS_VIEW_KEY,
-  we as DeleteCommand,
-  dn as DeleteLeftCommand,
-  un as DeleteRightCommand,
+  un as BulletListCommand,
+  In as CoverContentCommand,
+  It as CutContentCommand,
+  jn as DOCS_COMPONENT_BACKGROUND_LAYER_INDEX,
+  Xn as DOCS_COMPONENT_DEFAULT_Z_INDEX,
+  Vn as DOCS_COMPONENT_HEADER_LAYER_INDEX,
+  Gn as DOCS_COMPONENT_MAIN_LAYER_INDEX,
+  fe as DOCS_VIEW_KEY,
+  Pe as DeleteCommand,
+  rn as DeleteLeftCommand,
+  an as DeleteRightCommand,
   H as DocSkeletonManagerService,
-  he as DocStateChangeManagerService,
-  oe as DocViewModelManagerService,
-  nn as EditorInsertTextCommandId,
-  It as IMEInputCommand,
-  Se as IMEInputManagerService,
-  Kn as InnerPasteCommand,
-  Ue as InsertCommand,
-  ye as MoveCursorOperation,
-  Oe as MoveSelectionOperation,
-  Zn as NORMAL_TEXT_SELECTION_PLUGIN_NAME,
-  pn as OrderListCommand,
-  Mn as ReplaceContentCommand,
-  He as ResetInlineFormatTextBackgroundColorCommand,
+  ge as DocStateChangeManagerService,
+  tn as EditorInsertTextCommandId,
+  vt as IMEInputCommand,
+  he as IMEInputManagerService,
+  Wn as InnerPasteCommand,
+  be as InsertCommand,
+  Re as MoveCursorOperation,
+  xe as MoveSelectionOperation,
+  kn as NORMAL_TEXT_SELECTION_PLUGIN_NAME,
+  gn as OrderListCommand,
+  Sn as ReplaceContentCommand,
+  Xe as ResetInlineFormatTextBackgroundColorCommand,
   B as RichTextEditingMutation,
-  yn as SelectAllOperation,
-  xn as SetDocZoomRatioCommand,
-  de as SetDocZoomRatioOperation,
-  Be as SetInlineFormatBoldCommand,
-  Ct as SetInlineFormatCommand,
+  Cn as SelectAllOperation,
+  vn as SetDocZoomRatioCommand,
+  ae as SetDocZoomRatioOperation,
+  we as SetInlineFormatBoldCommand,
+  Rt as SetInlineFormatCommand,
   je as SetInlineFormatFontFamilyCommand,
   ze as SetInlineFormatFontSizeCommand,
-  Fe as SetInlineFormatItalicCommand,
-  Ve as SetInlineFormatStrikethroughCommand,
-  se as SetInlineFormatSubscriptCommand,
-  ke as SetInlineFormatSuperscriptCommand,
-  Xe as SetInlineFormatTextBackgroundColorCommand,
+  Le as SetInlineFormatItalicCommand,
+  Fe as SetInlineFormatStrikethroughCommand,
+  K as SetInlineFormatSubscriptCommand,
+  $e as SetInlineFormatSuperscriptCommand,
+  Ve as SetInlineFormatTextBackgroundColorCommand,
   Ge as SetInlineFormatTextColorCommand,
-  $e as SetInlineFormatUnderlineCommand,
-  pt as SetTextSelectionsOperation,
+  Be as SetInlineFormatUnderlineCommand,
+  ht as SetTextSelectionsOperation,
   T as TextSelectionManagerService,
-  mt as UniverDocsPlugin,
-  St as UpdateCommand,
-  Gt as VIEWPORT_KEY,
-  Xt as getDocObject,
-  Jn as getDocObjectById,
-  J as serializeTextRange
+  gt as UniverDocsPlugin,
+  pt as UpdateCommand,
+  Xt as VIEWPORT_KEY,
+  kt as getDocObject,
+  Yn as getDocObjectById,
+  Hn as neoGetDocObject,
+  W as serializeTextRange
 };