@univerjs/docs 0.1.0-beta.3 → 0.1.0-beta.5

package/lib/es/index.js

@@ -1,59 +1,58 @@
-var kt = Object.defineProperty;
-var zt = (i, e, t) => e in i ? kt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var S = (i, e, t) => (zt(i, typeof e != "symbol" ? e + "" : e, t), t);
-import { CommandType as I, RxDisposable as me, ICommandService as O, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as K, IUniverInstanceService as y, IUndoRedoService as A, TextX as H, DataStreamTreeTokenType as Ye, Tools as ie, FOCUSING_DOC as N, EDITOR_ACTIVATED as _e, LocaleService as Ot, MemoryCursor as Ae, getDocsUpdateBody as Wt, UpdateDocsAttributeType as yt, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as J, BooleanNumber as E, BaselineOffset as V, PresetListType as bt, LRUMap as Ht, ColorKit as at, Disposable as X, toDisposable as qe, OnLifecycle as F, LifecycleStages as j, ILogService as Xt, IContextService as Gt, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as Yt, IFloatingObjectManagerService as qt, Direction as D, IConfigService as Tt, Plugin as Zt, PluginType as Kt } from "@univerjs/core";
-import { NORMAL_TEXT_SELECTION_PLUGIN_STYLE as Jt, ITextSelectionRenderManager as Se, DocumentViewModel as Qt, DocumentSkeleton as en, hasListSpan as tn, isIndentBySpan as nn, isFirstSpan as rn, getParagraphBySpan as sn, PageLayoutType as ct, IRenderManagerService as G, Liquid as on, RANGE_DIRECTION as lt, NodePositionConvertToCursor as dt, Rect as an, CURSOR_TYPE as ut, Viewport as cn, EVENT_TYPE as ln, ScrollBar as dn, Layer as ht, Documents as un, TextSelectionRenderManager as hn } from "@univerjs/engine-render";
-import { BehaviorSubject as ue, takeUntil as ve } from "rxjs";
-import { CopyCommand as gn, CutCommand as pn, PasteCommand as fn, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as mn, HTML_CLIPBOARD_MIME_TYPE as _n, IClipboardInterfaceService as Sn, LayoutService as vn, KeyCode as $, MetaKeys as Me, IShortcutService as Mn } from "@univerjs/ui";
-import { Inject as w, createIdentifier as Cn, Optional as In, Injector as Rn } from "@wendellhu/redi";
-function $e(i, e) {
-  const n = i.getCurrentUniverDocInstance().getUnitId(), r = e.getRenderById(n);
+var Rt = Object.defineProperty;
+var Ot = (s, e, t) => e in s ? Rt(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var v = (s, e, t) => (Ot(s, typeof e != "symbol" ? e + "" : e, t), t);
+import { CommandType as C, RxDisposable as ee, ICommandService as b, TextXActionType as x, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Y, IUniverInstanceService as y, IUndoRedoService as Re, UndoCommandId as qe, RedoCommandId as Ze, TextX as A, DataStreamTreeTokenType as Fe, Tools as oe, LocaleService as dt, MemoryCursor as Oe, getDocsUpdateBody as xt, UpdateDocsAttributeType as ut, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as q, BooleanNumber as V, BaselineOffset as k, PresetListType as ht, OnLifecycle as j, LifecycleStages as z, Disposable as W, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as bt, IFloatingObjectManagerService as yt, Direction as U, toDisposable as Ke, IConfigService as gt, Plugin as Tt, PluginType as Dt } from "@univerjs/core";
+import { NORMAL_TEXT_SELECTION_PLUGIN_STYLE as Pt, ITextSelectionRenderManager as ae, DocumentViewModel as Et, DocumentSkeleton as wt, hasListSpan as Ut, isIndentBySpan as Nt, isFirstSpan as At, getParagraphBySpan as Lt, PageLayoutType as Je, IRenderManagerService as X, Liquid as $t, RANGE_DIRECTION as Qe, NodePositionConvertToCursor as et, Rect as Bt, CURSOR_TYPE as tt, Viewport as Ft, EVENT_TYPE as jt, ScrollBar as zt, Layer as nt, Documents as Vt, TextSelectionRenderManager as kt } from "@univerjs/engine-render";
+import { BehaviorSubject as K, takeUntil as ce } from "rxjs";
+import { Inject as E, Injector as Ht } from "@wendellhu/redi";
+function ke(s, e) {
+  const n = s.getCurrentUniverDocInstance().getUnitId(), r = e.getRenderById(n);
   if (r == null)
     return;
-  const { mainComponent: s, scene: o, engine: a } = r;
+  const { mainComponent: i, scene: o, engine: a } = r;
   return {
-    document: s,
+    document: i,
     scene: o,
     engine: a
   };
 }
-function xn(i, e) {
-  const t = e.getRenderById(i);
+function Wt(s, e) {
+  const t = e.getRenderById(s);
   if (t == null)
     return;
-  const { mainComponent: n, scene: r, engine: s } = t;
+  const { mainComponent: n, scene: r, engine: i } = t;
   return {
     document: n,
     scene: r,
-    engine: s
+    engine: i
   };
 }
-var Ze = /* @__PURE__ */ ((i) => (i.MAIN = "__Document_Render_Main__", i))(Ze || {}), Qe = /* @__PURE__ */ ((i) => (i.VIEW_MAIN = "viewMain", i.VIEW_TOP = "viewTop", i.VIEW_LEFT = "viewLeft", i.VIEW_LEFT_TOP = "viewLeftTop", i))(Qe || {});
-const gt = 0, On = 2, yn = 10, gi = "normalTextSelectionPluginName", Dt = {
+var je = /* @__PURE__ */ ((s) => (s.MAIN = "__Document_Render_Main__", s))(je || {}), He = /* @__PURE__ */ ((s) => (s.VIEW_MAIN = "viewMain", s.VIEW_TOP = "viewTop", s.VIEW_LEFT = "viewLeft", s.VIEW_LEFT_TOP = "viewLeftTop", s))(He || {});
+const rt = 0, Xt = 2, Gt = 10, hr = "normalTextSelectionPluginName", mt = {
   id: "doc.operation.set-selections",
-  type: I.OPERATION,
-  handler: (i, e) => !0
+  type: C.OPERATION,
+  handler: (s, e) => !0
 };
-var bn = Object.defineProperty, Tn = Object.getOwnPropertyDescriptor, Dn = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Tn(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && bn(e, t, r), r;
-}, pt = (i, e) => (t, n) => e(t, n, i);
-function ft(i) {
-  const { startOffset: e, endOffset: t, collapsed: n } = i;
+var Yt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, Zt = (s, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? qt(e, t) : e, i = s.length - 1, o; i >= 0; i--)
+    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && Yt(e, t, r), r;
+}, it = (s, e) => (t, n) => e(t, n, s);
+function Ie(s) {
+  const { startOffset: e, endOffset: t, collapsed: n } = s;
   return {
     startOffset: e,
     endOffset: t,
     collapsed: n
   };
 }
-let U = class extends me {
+let w = class extends ee {
   constructor(e, t) {
     super();
-    S(this, "_currentSelection", null);
-    S(this, "_textSelectionInfo", /* @__PURE__ */ new Map());
-    S(this, "_textSelection$", new ue(null));
-    S(this, "textSelection$", this._textSelection$.asObservable());
+    v(this, "_currentSelection", null);
+    v(this, "_textSelectionInfo", /* @__PURE__ */ new Map());
+    v(this, "_textSelection$", new K(null));
+    v(this, "textSelection$", this._textSelection$.asObservable());
     this._textSelectionRenderManager = e, this._commandService = t, this._syncSelectionFromRenderService();
   }
   getCurrentSelection() {
@@ -84,17 +83,17 @@ let U = class extends me {
     const e = this._getTextRanges(this._currentSelection);
     if (e == null)
       return;
-    const { textRanges: t, segmentId: n, style: r } = e, s = t.find((g) => g.isActive());
-    if (s == null)
+    const { textRanges: t, segmentId: n, style: r } = e, i = t.find((h) => h.isActive());
+    if (i == null)
       return null;
-    const { startOffset: o, endOffset: a, collapsed: c, startNodePosition: d, endNodePosition: l, direction: h } = s;
+    const { startOffset: o, endOffset: a, collapsed: l, startNodePosition: d, endNodePosition: c, direction: u } = i;
     return o == null || a == null ? null : {
       startOffset: o,
       endOffset: a,
-      collapsed: c,
+      collapsed: l,
       startNodePosition: d,
-      endNodePosition: l,
-      direction: h,
+      endNodePosition: c,
+      direction: u,
       segmentId: n,
       style: r
     };
@@ -105,7 +104,7 @@ let U = class extends me {
       ...this._currentSelection,
       textRanges: e,
       segmentId: "",
-      style: Jt
+      style: Pt
       // mock style.
     });
   }
@@ -114,7 +113,7 @@ let U = class extends me {
   }
   // All textRanges should be synchronized from the render layer.
   _syncSelectionFromRenderService() {
-    this._textSelectionRenderManager.textSelectionInner$.pipe(ve(this.dispose$)).subscribe((e) => {
+    this._textSelectionRenderManager.textSelectionInner$.pipe(ce(this.dispose$)).subscribe((e) => {
       e != null && this._replaceTextRangesWithNoRefresh(e);
     });
   }
@@ -126,13 +125,13 @@ let U = class extends me {
       ...e
     };
     this._replaceByParam(t), this._textSelection$.next(t);
-    const { unitId: n, subUnitId: r, segmentId: s, style: o, textRanges: a } = t;
-    this._commandService.executeCommand(Dt.id, {
+    const { unitId: n, subUnitId: r, segmentId: i, style: o, textRanges: a } = t;
+    this._commandService.executeCommand(mt.id, {
       unitId: n,
       subUnitId: r,
-      segmentId: s,
+      segmentId: i,
       style: o,
-      ranges: a.map(ft)
+      ranges: a.map(Ie)
     });
   }
   _getTextRanges(e) {
@@ -144,52 +143,52 @@ let U = class extends me {
   }
   _refresh(e) {
     const t = this._getTextRanges(e);
-    this._textSelectionRenderManager.removeAllTextRanges(), t && Array.isArray(t.textRanges) && t.textRanges.length && this._textSelectionRenderManager.addTextRanges(t.textRanges.map(ft));
+    this._textSelectionRenderManager.removeAllTextRanges(), t && Array.isArray(t.textRanges) && t.textRanges.length && this._textSelectionRenderManager.addTextRanges(t.textRanges.map(Ie));
   }
   _replaceByParam(e) {
-    const { unitId: t, subUnitId: n, style: r, segmentId: s, textRanges: o } = e;
-    this._textSelectionInfo.has(t) || this._textSelectionInfo.set(t, /* @__PURE__ */ new Map()), this._textSelectionInfo.get(t).set(n, { textRanges: o, style: r, segmentId: s });
+    const { unitId: t, subUnitId: n, style: r, segmentId: i, textRanges: o } = e;
+    this._textSelectionInfo.has(t) || this._textSelectionInfo.set(t, /* @__PURE__ */ new Map()), this._textSelectionInfo.get(t).set(n, { textRanges: o, style: r, segmentId: i });
   }
   _addByParam(e) {
-    const { unitId: t, subUnitId: n, textRanges: r, style: s, segmentId: o } = e;
+    const { unitId: t, subUnitId: n, textRanges: r, style: i, segmentId: o } = e;
     this._textSelectionInfo.has(t) || this._textSelectionInfo.set(t, /* @__PURE__ */ new Map());
     const a = this._textSelectionInfo.get(t);
-    a.has(n) ? a.get(n).textRanges.push(...r) : a.set(n, { textRanges: r, style: s, segmentId: o });
+    a.has(n) ? a.get(n).textRanges.push(...r) : a.set(n, { textRanges: r, style: i, segmentId: o });
   }
 };
-U = Dn([
-  pt(0, Se),
-  pt(1, O)
-], U);
-function Be(i, e = "", t = 0) {
-  const { startOffset: n, endOffset: r } = i, s = [], o = n - t, a = r - t;
-  return o > 0 && s.push({
-    t: "r",
+w = Zt([
+  it(0, ae),
+  it(1, b)
+], w);
+function We(s, e = "", t = 0) {
+  const { startOffset: n, endOffset: r } = s, i = [], o = n - t, a = r - t;
+  return o > 0 && i.push({
+    t: x.RETAIN,
     len: o,
     segmentId: e
-  }), s.push({
-    t: "d",
+  }), i.push({
+    t: x.DELETE,
     len: a - o,
     line: 0,
     segmentId: e
-  }), s;
+  }), i;
 }
-var Pn = Object.defineProperty, En = Object.getOwnPropertyDescriptor, Un = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? En(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Pn(e, t, r), r;
-}, wn = (i, e) => (t, n) => e(t, n, i);
-let se = class extends me {
+var Kt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, Qt = (s, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Jt(e, t) : e, i = s.length - 1, o; i >= 0; i--)
+    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && Kt(e, t, r), r;
+}, en = (s, e) => (t, n) => e(t, n, s);
+let J = class extends ee {
   constructor(e) {
     super();
-    S(this, "_currentViewModelUnitId", "");
-    S(this, "_docViewModelMap", /* @__PURE__ */ new Map());
-    S(this, "_currentDocViewModel$", new ue(null));
-    S(this, "currentDocViewModel$", this._currentDocViewModel$.asObservable());
+    v(this, "_currentViewModelUnitId", "");
+    v(this, "_docViewModelMap", /* @__PURE__ */ new Map());
+    v(this, "_currentDocViewModel$", new K(null));
+    v(this, "currentDocViewModel$", this._currentDocViewModel$.asObservable());
     this._currentUniverService = e, this._initialize();
   }
   _initialize() {
-    this._currentUniverService.currentDoc$.pipe(ve(this.dispose$)).subscribe((e) => {
+    this._currentUniverService.currentDoc$.pipe(ce(this.dispose$)).subscribe((e) => {
       if (e == null)
         return;
       const t = e.getUnitId();
@@ -219,7 +218,7 @@ let se = class extends me {
           docViewModel: r
         });
       }
-      if (e === K) {
+      if (e === Y) {
         const r = (n = this._docViewModelMap.get(e)) == null ? void 0 : n.docViewModel;
         if (r == null)
           return;
@@ -229,215 +228,311 @@ let se = class extends me {
     }
   }
   _buildDocViewModel(e) {
-    return new Qt(e);
+    return new Et(e);
   }
 };
-se = Un([
-  wn(0, y)
-], se);
-const _ = {
-  id: "doc.mutation.rich-text-editing",
-  type: I.MUTATION,
-  handler: (i, e) => {
-    const { unitId: t, mutations: n } = e, s = i.get(y).getUniverDocInstance(t), a = i.get(se).getViewModel(t);
-    if (s == null || a == null)
+J = Qt([
+  en(0, y)
+], J);
+var tn = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, rn = (s, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? nn(e, t) : e, i = s.length - 1, o; i >= 0; i--)
+    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && tn(e, t, r), r;
+}, Le = (s, e) => (t, n) => e(t, n, s);
+const sn = 300;
+let Ce = class extends ee {
+  constructor(e, t, n) {
+    super();
+    v(this, "_docStateChange$", new K(null));
+    v(this, "docStateChange$", this._docStateChange$.asObservable());
+    v(this, "_stateCache", /* @__PURE__ */ new Map());
+    v(this, "_timer", null);
+    this._undoRedoService = e, this._commandService = t, this._univerInstanceService = n, this._initialize();
+  }
+  setChangeState(e) {
+    const { trigger: t, noHistory: n } = e;
+    t != null && (this._cacheChangeState(e), n || this._docStateChange$.next(e));
+  }
+  _initialize() {
+    this.disposeWithMe(
+      this._commandService.beforeCommandExecuted((e) => {
+        if (e.id === qe || e.id === Ze) {
+          const t = this._univerInstanceService.getCurrentUniverDocInstance();
+          if (t == null)
+            return;
+          const n = t.getUnitId();
+          this._pushHistory(n);
+        }
+      })
+    );
+  }
+  _cacheChangeState(e) {
+    const { trigger: t, unitId: n, noHistory: r } = e;
+    if (!(t === Ze || t === qe || r)) {
+      if (this._stateCache.has(n)) {
+        const i = this._stateCache.get(n);
+        i == null || i.push(e);
+      } else
+        this._stateCache.set(n, [e]);
+      t === be.id || t === ye.id ? (this._timer && clearTimeout(this._timer), this._timer = setTimeout(() => {
+        this._pushHistory(n);
+      }, sn)) : this._pushHistory(n);
+    }
+  }
+  _pushHistory(e) {
+    const t = this._undoRedoService, n = this._stateCache.get(e);
+    if (!Array.isArray(n) || n.length === 0)
+      return;
+    const r = n.length, i = n[0].commandId, o = n[0], a = n[r - 1], l = {
+      unitId: e,
+      actions: n.reduce((c, u) => A.compose(c, u.redoState.actions), []),
+      textRanges: a.redoState.textRanges
+    }, d = {
+      unitId: e,
+      // Always need to put undoParams after redoParams, because `reverse` will change the `cacheStates` order.
+      actions: n.reverse().reduce((c, u) => A.compose(c, u.undoState.actions), []),
+      textRanges: o.undoState.textRanges
+    };
+    t.pushUndoRedo({
+      unitID: e,
+      undoMutations: [{ id: i, params: d }],
+      redoMutations: [{ id: i, params: l }]
+    }), n.length = 0;
+  }
+};
+Ce = rn([
+  Le(0, E(Re)),
+  Le(1, b),
+  Le(2, y)
+], Ce);
+class xe {
+  constructor() {
+    v(this, "_previousActiveRange", null);
+    v(this, "_undoMutationParamsCache", []);
+    v(this, "_redoMutationParamsCache", []);
+  }
+  clearUndoRedoMutationParamsCache() {
+    this._undoMutationParamsCache = [], this._redoMutationParamsCache = [];
+  }
+  getUndoRedoMutationParamsCache() {
+    return {
+      undoCache: this._undoMutationParamsCache,
+      redoCache: this._redoMutationParamsCache
+    };
+  }
+  setUndoRedoMutationParamsCache({ undoCache: e = [], redoCache: t = [] }) {
+    this._undoMutationParamsCache = e, this._redoMutationParamsCache = t;
+  }
+  getActiveRange() {
+    return this._previousActiveRange;
+  }
+  setActiveRange(e) {
+    this._previousActiveRange = e;
+  }
+  pushUndoRedoMutationParams(e, t) {
+    this._undoMutationParamsCache.push(e), this._redoMutationParamsCache.push(t);
+  }
+  fetchComposedUndoRedoMutationParams() {
+    if (this._undoMutationParamsCache.length === 0 || this._previousActiveRange == null || this._redoMutationParamsCache.length === 0)
+      return null;
+    const { unitId: e } = this._undoMutationParamsCache[0], t = {
+      unitId: e,
+      actions: this._undoMutationParamsCache.reverse().reduce((r, i) => A.compose(r, i.actions), []),
+      textRanges: []
+      // Add empty array, will never use, just fix type error
+    };
+    return { redoMutationParams: {
+      unitId: e,
+      actions: this._redoMutationParamsCache.reduce((r, i) => A.compose(r, i.actions), []),
+      textRanges: []
+      // Add empty array, will never use, just fix type error
+    }, undoMutationParams: t, previousActiveRange: this._previousActiveRange };
+  }
+  dispose() {
+    this._undoMutationParamsCache = [], this._redoMutationParamsCache = [], this._previousActiveRange = null;
+  }
+}
+const st = "doc.mutation.rich-text-editing", L = {
+  id: st,
+  type: C.MUTATION,
+  handler: (s, e) => {
+    var T;
+    const {
+      unitId: t,
+      actions: n,
+      textRanges: r,
+      prevTextRanges: i,
+      trigger: o,
+      noHistory: a,
+      isCompositionEnd: l,
+      noNeedSetTextRange: d
+    } = e, u = s.get(y).getUniverDocInstance(t), g = s.get(J).getViewModel(t), f = s.get(w), p = ((T = f.getSelections()) != null ? T : []).map(Ie), _ = s.get(Ce), S = s.get(xe);
+    if (u == null || g == null)
       throw new Error(`DocumentDataModel or documentViewModel not found for unitId: ${t}`);
     if (n.length === 0)
       throw new Error("Mutation's length should great than 0 when call RichTextEditingMutation");
-    const c = s.apply(n), { segmentId: d } = n[0], l = s.getSelfOrHeaderFooterModel(d);
-    return a.getSelfOrHeaderFooterViewModel(d).reset(l), {
+    const I = u.apply(n), { segmentId: R } = n[0], O = u.getSelfOrHeaderFooterModel(R);
+    g.getSelfOrHeaderFooterViewModel(R).reset(O), !d && r && queueMicrotask(() => {
+      f.replaceTextRanges(r);
+    });
+    const P = {
+      commandId: st,
+      unitId: t,
+      trigger: o,
+      noHistory: a,
+      redoState: {
+        actions: n,
+        textRanges: r
+      },
+      undoState: {
+        actions: I,
+        textRanges: i != null ? i : p
+      }
+    };
+    if (l) {
+      const D = S.fetchComposedUndoRedoMutationParams();
+      if (D == null)
+        throw new Error("historyParams is null in RichTextEditingMutation");
+      const { undoMutationParams: M, redoMutationParams: F, previousActiveRange: $ } = D;
+      P.redoState.actions = F.actions, P.undoState.actions = M.actions, P.undoState.textRanges = [$];
+    }
+    return _.setChangeState(P), {
       unitId: t,
-      mutations: c
+      actions: I,
+      textRanges: p
     };
   }
-}, et = {
+}, be = {
   id: "doc.command.insert-text",
-  type: I.COMMAND,
-  handler: async (i, e) => {
-    const t = i.get(A), n = i.get(O), r = i.get(U), { range: s, segmentId: o, body: a, unitId: c, textRanges: d } = e, { startOffset: l, collapsed: h } = s, g = {
-      id: _.id,
+  type: C.COMMAND,
+  handler: async (s, e) => {
+    const t = s.get(b), { range: n, segmentId: r, body: i, unitId: o, textRanges: a } = e, { startOffset: l, collapsed: d } = n, c = {
+      id: L.id,
       params: {
-        unitId: c,
-        mutations: []
+        unitId: o,
+        actions: [],
+        textRanges: a
       }
-    }, u = new H();
-    h ? l > 0 && u.push({
-      t: "r",
+    }, u = new A();
+    return d ? l > 0 && u.push({
+      t: x.RETAIN,
       len: l,
-      segmentId: o
-    }) : u.push(...Be(s, o)), u.push({
-      t: "i",
-      body: a,
-      len: a.dataStream.length,
+      segmentId: r
+    }) : u.push(...We(n, r)), u.push({
+      t: x.INSERT,
+      body: i,
+      len: i.dataStream.length,
       line: 0,
-      segmentId: o
-    }), g.params.mutations = u.serialize();
-    const p = n.syncExecuteCommand(g.id, g.params);
-    return r.replaceTextRanges(d), p ? (t.pushUndoRedo({
-      unitID: c,
-      undoMutations: [{ id: _.id, params: p }],
-      redoMutations: [{ id: _.id, params: g.params }],
-      undo() {
-        return n.syncExecuteCommand(_.id, p), r.replaceTextRanges([s]), !0;
-      },
-      redo() {
-        return n.syncExecuteCommand(_.id, g.params), r.replaceTextRanges(d), !0;
-      }
-    }), !0) : !1;
+      segmentId: r
+    }), c.params.actions = u.serialize(), !!t.syncExecuteCommand(c.id, c.params);
   }
 };
-var Y = /* @__PURE__ */ ((i) => (i[i.LEFT = 0] = "LEFT", i[i.RIGHT = 1] = "RIGHT", i))(Y || {});
-const tt = {
+var H = /* @__PURE__ */ ((s) => (s[s.LEFT = 0] = "LEFT", s[s.RIGHT = 1] = "RIGHT", s))(H || {});
+const ye = {
   id: "doc.command.delete-text",
-  type: I.COMMAND,
-  handler: async (i, e) => {
-    const t = i.get(O), n = i.get(A), r = i.get(U), { range: s, segmentId: o, unitId: a, direction: c, textRanges: d, len: l = 1 } = e, { startOffset: h } = s, g = {
-      id: _.id,
+  type: C.COMMAND,
+  handler: async (s, e) => {
+    const t = s.get(b), { range: n, segmentId: r, unitId: i, direction: o, textRanges: a, len: l = 1 } = e, { startOffset: d } = n, c = {
+      id: L.id,
       params: {
-        unitId: a,
-        mutations: []
+        unitId: i,
+        actions: [],
+        textRanges: a
       }
-    }, u = new H();
-    h > 0 && u.push({
-      t: "r",
-      len: c === 0 ? h - l : h,
-      segmentId: o
+    }, u = new A();
+    return d > 0 && u.push({
+      t: x.RETAIN,
+      len: o === 0 ? d - l : d,
+      segmentId: r
     }), u.push({
-      t: "d",
+      t: x.DELETE,
       len: l,
       line: 0,
-      segmentId: o
-    }), g.params.mutations = u.serialize();
-    const p = t.syncExecuteCommand(g.id, g.params);
-    return r.replaceTextRanges(d), p && n.pushUndoRedo({
-      unitID: a,
-      undoMutations: [{ id: _.id, params: p }],
-      redoMutations: [{ id: _.id, params: g.params }],
-      undo() {
-        return t.syncExecuteCommand(_.id, p), r.replaceTextRanges([s]), !0;
-      },
-      redo() {
-        return t.syncExecuteCommand(_.id, g.params), r.replaceTextRanges(d), !0;
-      }
-    }), !1;
+      segmentId: r
+    }), c.params.actions = u.serialize(), !!t.syncExecuteCommand(c.id, c.params);
   }
-}, Pt = {
+}, ft = {
   id: "doc.command.update-text",
-  type: I.COMMAND,
-  handler: async (i, e) => {
-    const { range: t, segmentId: n, updateBody: r, coverType: s, unitId: o, textRanges: a } = e, c = i.get(O), d = i.get(A), l = i.get(U), h = {
-      id: _.id,
+  type: C.COMMAND,
+  handler: async (s, e) => {
+    const { range: t, segmentId: n, updateBody: r, coverType: i, unitId: o, textRanges: a } = e, l = s.get(b), d = {
+      id: L.id,
       params: {
         unitId: o,
-        mutations: []
+        actions: [],
+        textRanges: a
       }
-    }, g = new H(), { startOffset: u, endOffset: p } = t;
-    g.push({
-      t: "r",
+    }, c = new A(), { startOffset: u, endOffset: h } = t;
+    return c.push({
+      t: x.RETAIN,
       len: u,
       segmentId: n
-    }), g.push({
-      t: "r",
+    }), c.push({
+      t: x.RETAIN,
       body: r,
-      len: p - u,
+      len: h - u,
       segmentId: n,
-      coverType: s
-    }), h.params.mutations = g.serialize();
-    const f = c.syncExecuteCommand(h.id, h.params);
-    return l.replaceTextRanges(a), f ? (d.pushUndoRedo({
-      unitID: o,
-      undoMutations: [{ id: _.id, params: f }],
-      redoMutations: [{ id: _.id, params: h.params }],
-      undo() {
-        return c.syncExecuteCommand(_.id, f), l.replaceTextRanges(a), !0;
-      },
-      redo() {
-        return c.syncExecuteCommand(_.id, h.params), l.replaceTextRanges(a), !0;
-      }
-    }), !0) : !1;
+      coverType: i
+    }), d.params.actions = c.serialize(), !!l.syncExecuteCommand(d.id, d.params);
   }
 };
-function Nn(i, e) {
+function on(s, e) {
   const t = [];
-  for (let n = 0, r = i.length; n < r; n++)
-    i[n] === Ye.PARAGRAPH && t.push({
+  for (let n = 0, r = s.length; n < r; n++)
+    s[n] === Fe.PARAGRAPH && t.push({
       startIndex: n
     });
   if (e)
     for (const n of t)
-      e.bullet && (n.bullet = ie.deepClone(e.bullet)), e.paragraphStyle && (n.paragraphStyle = ie.deepClone(e.paragraphStyle));
+      e.bullet && (n.bullet = oe.deepClone(e.bullet)), e.paragraphStyle && (n.paragraphStyle = oe.deepClone(e.paragraphStyle));
   return t;
 }
-const Et = {
+const an = {
   id: "doc.command.break-line",
-  type: I.COMMAND,
-  handler: async (i) => {
-    var p;
-    const e = i.get(U), t = i.get(y), n = i.get(O), r = e.getActiveRange();
+  type: C.COMMAND,
+  handler: async (s) => {
+    var f, m;
+    const e = s.get(w), t = s.get(y), n = s.get(b), r = e.getActiveRange();
     if (r == null)
       return !1;
-    const s = t.getCurrentUniverDocInstance(), o = s.getUnitId(), { startOffset: a, segmentId: c, style: d } = r, l = [
+    const i = t.getCurrentUniverDocInstance(), o = i.getUnitId(), { startOffset: a, segmentId: l, style: d } = r, c = [
       {
         startOffset: a + 1,
         endOffset: a + 1,
         style: d
       }
-    ], g = (((p = s.getBody()) == null ? void 0 : p.paragraphs) ?? []).find((f) => f.startIndex >= a);
-    return await n.executeCommand(et.id, {
+    ], h = ((m = (f = i.getBody()) == null ? void 0 : f.paragraphs) != null ? m : []).find((p) => p.startIndex >= a);
+    return await n.executeCommand(be.id, {
       unitId: o,
       body: {
-        dataStream: Ye.PARAGRAPH,
-        paragraphs: Nn(Ye.PARAGRAPH, g)
+        dataStream: Fe.PARAGRAPH,
+        paragraphs: on(Fe.PARAGRAPH, h)
       },
       range: r,
-      textRanges: l,
-      segmentId: c
+      textRanges: c,
+      segmentId: l
     });
   }
-}, ze = {
-  id: gn.id,
-  name: "doc.command.copy",
-  type: I.COMMAND,
-  multi: !0,
-  priority: 999,
-  preconditions: (i) => i.getContextValue(N) || i.getContextValue(_e),
-  handler: async () => !0
-}, We = {
-  id: pn.id,
-  name: "doc.command.cut",
-  type: I.COMMAND,
-  multi: !0,
-  priority: 999,
-  preconditions: (i) => i.getContextValue(N) || i.getContextValue(_e),
-  handler: async () => !0
-}, He = {
-  id: fn.id,
-  name: "doc.command.paste",
-  type: I.COMMAND,
-  multi: !0,
-  priority: 999,
-  preconditions: (i) => i.getContextValue(N) || i.getContextValue(_e),
-  handler: async () => !0
 };
-var Ln = Object.defineProperty, An = Object.getOwnPropertyDescriptor, $n = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? An(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Ln(e, t, r), r;
-}, mt = (i, e) => (t, n) => e(t, n, i);
-let L = class extends me {
+var cn = Object.defineProperty, ln = Object.getOwnPropertyDescriptor, dn = (s, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? ln(e, t) : e, i = s.length - 1, o; i >= 0; i--)
+    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && cn(e, t, r), r;
+}, ot = (s, e) => (t, n) => e(t, n, s);
+let B = class extends ee {
   constructor(e, t) {
     super();
-    S(this, "_currentSkeletonUnitId", "");
-    S(this, "_docSkeletonMap", /* @__PURE__ */ new Map());
-    S(this, "_currentSkeleton$", new ue(null));
-    S(this, "currentSkeleton$", this._currentSkeleton$.asObservable());
+    v(this, "_currentSkeletonUnitId", "");
+    v(this, "_docSkeletonMap", /* @__PURE__ */ new Map());
+    v(this, "_currentSkeleton$", new K(null));
+    v(this, "currentSkeleton$", this._currentSkeleton$.asObservable());
     // CurrentSkeletonBefore for pre-triggered logic during registration
-    S(this, "_currentSkeletonBefore$", new ue(null));
-    S(this, "currentSkeletonBefore$", this._currentSkeletonBefore$.asObservable());
+    v(this, "_currentSkeletonBefore$", new K(null));
+    v(this, "currentSkeletonBefore$", this._currentSkeletonBefore$.asObservable());
     this._localeService = e, this._docViewModelManagerService = t, this._initialize();
   }
   _initialize() {
-    this._docViewModelManagerService.currentDocViewModel$.pipe(ve(this.dispose$)).subscribe((e) => {
+    this._docViewModelManagerService.currentDocViewModel$.pipe(ce(this.dispose$)).subscribe((e) => {
       e != null && this._setCurrent(e);
     });
   }
@@ -473,543 +568,448 @@ let L = class extends me {
     return this._currentSkeletonUnitId = t, this._currentSkeletonBefore$.next(this.getCurrent()), this._currentSkeleton$.next(this.getCurrent()), this.getCurrent();
   }
   _buildSkeleton(e) {
-    return en.create(e, this._localeService);
+    return wt.create(e, this._localeService);
   }
 };
-L = $n([
-  mt(0, w(Ot)),
-  mt(1, w(se))
-], L);
-const _t = {
+B = dn([
+  ot(0, E(dt)),
+  ot(1, E(J))
+], B);
+const gr = {
   id: "doc.command.inner-paste",
-  type: I.COMMAND,
-  handler: async (i, e) => {
-    const { segmentId: t, body: n, textRanges: r } = e, s = i.get(A), o = i.get(O), a = i.get(U), c = i.get(y), d = a.getSelections();
-    if (!Array.isArray(d) || d.length === 0)
+  type: C.COMMAND,
+  handler: async (s, e) => {
+    const { segmentId: t, body: n, textRanges: r } = e, i = s.get(b), o = s.get(w), a = s.get(y), l = o.getSelections();
+    if (!Array.isArray(l) || l.length === 0)
       return !1;
-    const h = c.getCurrentUniverDocInstance().getUnitId(), g = {
-      id: _.id,
+    const c = a.getCurrentUniverDocInstance().getUnitId(), u = {
+      id: L.id,
       params: {
-        unitId: h,
-        mutations: []
+        unitId: c,
+        actions: [],
+        textRanges: r
       }
-    }, u = new Ae();
-    u.reset();
-    const p = new H();
-    for (const m of d) {
-      const { startOffset: v, endOffset: M, collapsed: b } = m, T = v - u.cursor;
-      b ? p.push({
-        t: "r",
-        len: T,
+    }, h = new Oe();
+    h.reset();
+    const g = new A();
+    for (const m of l) {
+      const { startOffset: p, endOffset: _, collapsed: S } = m, I = p - h.cursor;
+      S ? g.push({
+        t: x.RETAIN,
+        len: I,
         segmentId: t
-      }) : p.push(...Be(m, t, u.cursor)), p.push({
-        t: "i",
+      }) : g.push(...We(m, t, h.cursor)), g.push({
+        t: x.INSERT,
         body: n,
         len: n.dataStream.length,
         line: 0,
         segmentId: t
-      }), u.reset(), u.moveCursor(M);
+      }), h.reset(), h.moveCursor(_);
     }
-    g.params.mutations = p.serialize();
-    const f = o.syncExecuteCommand(g.id, g.params);
-    return a.replaceTextRanges(r), f ? (s.pushUndoRedo({
-      unitID: h,
-      undoMutations: [{ id: _.id, params: f }],
-      redoMutations: [{ id: _.id, params: g.params }],
-      undo() {
-        return o.syncExecuteCommand(_.id, f), a.replaceTextRanges(d), !0;
-      },
-      redo() {
-        return o.syncExecuteCommand(_.id, g.params), a.replaceTextRanges(r), !0;
-      }
-    }), !0) : !1;
+    return u.params.actions = g.serialize(), !!i.syncExecuteCommand(u.id, u.params);
   }
-}, Ne = {
+}, pt = {
   id: "doc.command.inner-cut",
-  type: I.COMMAND,
-  handler: async (i, e) => {
-    const { segmentId: t, textRanges: n } = e, r = i.get(A), s = i.get(O), o = i.get(U), a = i.get(y), c = o.getSelections();
-    if (!Array.isArray(c) || c.length === 0)
+  type: C.COMMAND,
+  handler: async (s, e) => {
+    const { segmentId: t, textRanges: n } = e, r = s.get(b), i = s.get(w), o = s.get(y), a = i.getSelections();
+    if (!Array.isArray(a) || a.length === 0)
       return !1;
-    const d = a.getCurrentUniverDocInstance().getUnitId(), l = a.getUniverDocInstance(d), h = Wt(l.snapshot, t);
-    if (h == null)
+    const l = o.getCurrentUniverDocInstance().getUnitId(), d = o.getUniverDocInstance(l), c = xt(d.snapshot, t);
+    if (c == null)
       return !1;
-    const g = {
-      id: _.id,
+    const u = {
+      id: L.id,
       params: {
-        unitId: d,
-        mutations: []
+        unitId: l,
+        actions: [],
+        textRanges: n
       }
-    }, u = new Ae();
-    u.reset();
-    const p = new H();
-    for (const m of c) {
-      const { startOffset: v, endOffset: M, collapsed: b } = m, T = v - u.cursor;
-      b ? p.push({
-        t: "r",
-        len: T,
+    }, h = new Oe();
+    h.reset();
+    const g = new A();
+    for (const m of a) {
+      const { startOffset: p, endOffset: _, collapsed: S } = m, I = p - h.cursor;
+      S ? g.push({
+        t: x.RETAIN,
+        len: I,
         segmentId: t
-      }) : p.push(...Bn(m, h, t, u.cursor)), u.reset(), u.moveCursor(M);
+      }) : g.push(...un(m, c, t, h.cursor)), h.reset(), h.moveCursor(_);
     }
-    g.params.mutations = p.serialize();
-    const f = s.syncExecuteCommand(g.id, g.params);
-    return o.replaceTextRanges(n), f ? (r.pushUndoRedo({
-      unitID: d,
-      undoMutations: [{ id: _.id, params: f }],
-      redoMutations: [{ id: _.id, params: g.params }],
-      undo() {
-        return s.syncExecuteCommand(_.id, f), o.replaceTextRanges(c), !0;
-      },
-      redo() {
-        return s.syncExecuteCommand(_.id, g.params), o.replaceTextRanges(n), !0;
-      }
-    }), !0) : !1;
+    return u.params.actions = g.serialize(), !!r.syncExecuteCommand(u.id, u.params);
   }
 };
-function Bn(i, e, t = "", n = 0) {
-  const { startOffset: r, endOffset: s } = i, o = [], { paragraphs: a = [] } = e, c = r - n, d = s - n, l = a == null ? void 0 : a.find(
-    (h) => h.startIndex - n >= c && h.startIndex - n <= d
+function un(s, e, t = "", n = 0) {
+  const { startOffset: r, endOffset: i } = s, o = [], { paragraphs: a = [] } = e, l = r - n, d = i - n, c = a == null ? void 0 : a.find(
+    (u) => u.startIndex - n >= l && u.startIndex - n <= d
   );
-  if (c > 0 && o.push({
-    t: "r",
-    len: c,
+  if (l > 0 && o.push({
+    t: x.RETAIN,
+    len: l,
     segmentId: t
-  }), l && l.startIndex - n > c) {
-    const h = l.startIndex - n;
+  }), c && c.startIndex - n > l) {
+    const u = c.startIndex - n;
     o.push({
-      t: "d",
-      len: h - c,
+      t: x.DELETE,
+      len: u - l,
       line: 0,
       segmentId: t
     }), o.push({
-      t: "r",
+      t: x.RETAIN,
       len: 1,
       segmentId: t
-    }), d > h + 1 && o.push({
-      t: "d",
-      len: d - h - 1,
+    }), d > u + 1 && o.push({
+      t: x.DELETE,
+      len: d - u - 1,
       line: 0,
       segmentId: t
     });
   } else
     o.push({
-      t: "d",
-      len: d - c,
+      t: x.DELETE,
+      len: d - l,
       line: 0,
       segmentId: t
     });
   return o;
 }
-const Ut = {
+const hn = {
   id: "doc.command.delete-left",
-  type: I.COMMAND,
-  handler: async (i) => {
-    var T;
-    const e = i.get(U), t = i.get(L), n = i.get(y), r = i.get(O), s = e.getActiveRange(), o = e.getSelections(), a = (T = t.getCurrent()) == null ? void 0 : T.skeleton;
-    let c = !0;
-    if (s == null || a == null || o == null)
+  type: C.COMMAND,
+  handler: async (s) => {
+    var R;
+    const e = s.get(w), t = s.get(B), n = s.get(y), r = s.get(b), i = e.getActiveRange(), o = e.getSelections(), a = (R = t.getCurrent()) == null ? void 0 : R.skeleton;
+    let l = !0;
+    if (i == null || a == null || o == null)
       return !1;
-    const d = n.getCurrentUniverDocInstance(), { startOffset: l, collapsed: h, segmentId: g, style: u } = s, p = a.findNodeByCharIndex(l), f = tn(p), m = nn(p, d.getBody());
-    let v = l;
-    const M = a.findNodeByCharIndex(l - 1);
-    if (rn(p) && M !== p && (f === !0 || m === !0)) {
-      const C = sn(p, d.getBody());
-      if (C == null)
+    const d = n.getCurrentUniverDocInstance(), { startOffset: c, collapsed: u, segmentId: h, style: g } = i, f = a.findNodeByCharIndex(c), m = Ut(f), p = Nt(f, d.getBody());
+    let _ = c;
+    const S = a.findNodeByCharIndex(c - 1);
+    if (At(f) && S !== f && (m === !0 || p === !0)) {
+      const O = Lt(f, d.getBody());
+      if (O == null)
         return !1;
-      const x = C == null ? void 0 : C.startIndex, P = { startIndex: 0 }, B = C.paragraphStyle;
-      if (f === !0) {
-        const R = C.paragraphStyle;
-        R && (P.paragraphStyle = R);
-      } else if (m === !0) {
-        const R = C.bullet;
-        R && (P.bullet = R), B != null && (P.paragraphStyle = { ...B }, delete P.paragraphStyle.hanging, delete P.paragraphStyle.indentStart);
+      const N = O == null ? void 0 : O.startIndex, P = { startIndex: 0 }, T = O.paragraphStyle;
+      if (m === !0) {
+        const M = O.paragraphStyle;
+        M && (P.paragraphStyle = M);
+      } else if (p === !0) {
+        const M = O.bullet;
+        M && (P.bullet = M), T != null && (P.paragraphStyle = { ...T }, delete P.paragraphStyle.hanging, delete P.paragraphStyle.indentStart);
       }
-      const k = [
+      const D = [
         {
-          startOffset: v,
-          endOffset: v,
-          style: u
+          startOffset: _,
+          endOffset: _,
+          style: g
         }
       ];
-      c = await r.executeCommand(Pt.id, {
+      l = await r.executeCommand(ft.id, {
         unitId: d.getUnitId(),
         updateBody: {
           dataStream: "",
           paragraphs: [{ ...P }]
         },
         range: {
-          startOffset: x,
-          endOffset: x + 1
+          startOffset: N,
+          endOffset: N + 1
         },
-        textRanges: k,
-        coverType: yt.REPLACE,
-        segmentId: g
+        textRanges: D,
+        coverType: ut.REPLACE,
+        segmentId: h
       });
-    } else if (h === !0) {
-      if (M == null)
+    } else if (u === !0) {
+      if (S == null)
         return !0;
-      if (M.content === "\r")
-        c = await r.executeCommand(nt.id, {
-          direction: Y.LEFT,
-          range: s
+      if (S.content === "\r")
+        l = await r.executeCommand(Xe.id, {
+          direction: H.LEFT,
+          range: i
         });
       else {
-        v -= M.count;
-        const C = [
+        _ -= S.count;
+        const O = [
           {
-            startOffset: v,
-            endOffset: v,
-            style: u
+            startOffset: _,
+            endOffset: _,
+            style: g
           }
         ];
-        c = await r.executeCommand(tt.id, {
+        l = await r.executeCommand(ye.id, {
           unitId: d.getUnitId(),
-          range: s,
-          segmentId: g,
-          direction: Y.LEFT,
-          len: M.count,
-          textRanges: C
+          range: i,
+          segmentId: h,
+          direction: H.LEFT,
+          len: S.count,
+          textRanges: O
         });
       }
     } else {
-      const C = Nt(s, o);
-      c = await r.executeCommand(Ne.id, {
-        segmentId: g,
-        textRanges: C
+      const O = _t(i, o);
+      l = await r.executeCommand(pt.id, {
+        segmentId: h,
+        textRanges: O
       });
     }
-    return c;
+    return l;
   }
-}, wt = {
+}, gn = {
   id: "doc.command.delete-right",
-  type: I.COMMAND,
-  handler: async (i) => {
-    var p;
-    const e = i.get(U), t = i.get(L), n = i.get(y), r = i.get(O), s = e.getActiveRange(), o = e.getSelections(), a = (p = t.getCurrent()) == null ? void 0 : p.skeleton;
-    let c;
-    if (s == null || a == null || o == null)
+  type: C.COMMAND,
+  handler: async (s) => {
+    var f;
+    const e = s.get(w), t = s.get(B), n = s.get(y), r = s.get(b), i = e.getActiveRange(), o = e.getSelections(), a = (f = t.getCurrent()) == null ? void 0 : f.skeleton;
+    let l;
+    if (i == null || a == null || o == null)
       return !1;
-    const d = n.getCurrentUniverDocInstance(), { startOffset: l, collapsed: h, segmentId: g, style: u } = s;
-    if (l === d.getBody().dataStream.length - 2 && h)
+    const d = n.getCurrentUniverDocInstance(), { startOffset: c, collapsed: u, segmentId: h, style: g } = i;
+    if (c === d.getBody().dataStream.length - 2 && u)
       return !0;
-    if (h === !0) {
-      const f = a.findNodeByCharIndex(l);
-      if (f.content === "\r")
-        c = await r.executeCommand(nt.id, {
-          direction: Y.RIGHT,
-          range: s
+    if (u === !0) {
+      const m = a.findNodeByCharIndex(c);
+      if (m.content === "\r")
+        l = await r.executeCommand(Xe.id, {
+          direction: H.RIGHT,
+          range: i
         });
       else {
-        const m = [
+        const p = [
           {
-            startOffset: l,
-            endOffset: l,
-            style: u
+            startOffset: c,
+            endOffset: c,
+            style: g
           }
         ];
-        c = await r.executeCommand(tt.id, {
+        l = await r.executeCommand(ye.id, {
           unitId: d.getUnitId(),
-          range: s,
-          segmentId: g,
-          direction: Y.RIGHT,
-          textRanges: m,
-          len: f.count
+          range: i,
+          segmentId: h,
+          direction: H.RIGHT,
+          textRanges: p,
+          len: m.count
         });
       }
     } else {
-      const f = Nt(s, o);
-      c = await r.executeCommand(Ne.id, {
-        segmentId: g,
-        textRanges: f
+      const m = _t(i, o);
+      l = await r.executeCommand(pt.id, {
+        segmentId: h,
+        textRanges: m
       });
     }
-    return c;
+    return l;
   }
-}, nt = {
+}, Xe = {
   id: "doc.command.merge-two-paragraph",
-  type: I.COMMAND,
-  handler: async (i, e) => {
-    var B, k, R;
-    const t = i.get(U), n = i.get(y), r = i.get(O), s = i.get(A), { direction: o, range: a } = e, c = t.getActiveRange(), d = t.getSelections();
-    if (c == null || d == null)
+  type: C.COMMAND,
+  handler: async (s, e) => {
+    var P, T, D;
+    const t = s.get(w), n = s.get(y), r = s.get(b);
+    s.get(Re);
+    const { direction: i, range: o } = e, a = t.getActiveRange(), l = t.getSelections();
+    if (a == null || l == null)
       return !1;
-    const l = n.getCurrentUniverDocInstance(), { startOffset: h, collapsed: g, segmentId: u, style: p } = c;
-    if (!g)
+    const d = n.getCurrentUniverDocInstance(), { startOffset: c, collapsed: u, segmentId: h, style: g } = a;
+    if (!u)
       return !1;
-    const f = o === Y.LEFT ? h : h + 1, m = (R = (k = (B = l.getBody()) == null ? void 0 : B.paragraphs) == null ? void 0 : k.find((z) => z.startIndex >= f)) == null ? void 0 : R.startIndex, v = Vn(l.getBody(), f, m), M = o === Y.LEFT ? h - 1 : h, b = l.getUnitId(), T = [
+    const f = i === H.LEFT ? c : c + 1, m = (D = (T = (P = d.getBody()) == null ? void 0 : P.paragraphs) == null ? void 0 : T.find((M) => M.startIndex >= f)) == null ? void 0 : D.startIndex, p = mn(d.getBody(), f, m), _ = i === H.LEFT ? c - 1 : c, S = d.getUnitId(), I = [
       {
-        startOffset: M,
-        endOffset: M,
-        style: p
+        startOffset: _,
+        endOffset: _,
+        style: g
       }
-    ], C = {
-      id: _.id,
+    ], R = {
+      id: L.id,
       params: {
-        unitId: b,
-        mutations: []
+        unitId: S,
+        actions: [],
+        textRanges: I,
+        prevTextRanges: [o]
       }
-    }, x = new H();
-    x.push({
-      t: "r",
-      len: o === Y.LEFT ? h - 1 : h,
-      segmentId: u
-    }), v.dataStream.length && x.push({
-      t: "i",
-      body: v,
-      len: v.dataStream.length,
+    }, O = new A();
+    return O.push({
+      t: x.RETAIN,
+      len: i === H.LEFT ? c - 1 : c,
+      segmentId: h
+    }), p.dataStream.length && O.push({
+      t: x.INSERT,
+      body: p,
+      len: p.dataStream.length,
       line: 0,
-      segmentId: u
-    }), x.push({
-      t: "r",
+      segmentId: h
+    }), O.push({
+      t: x.RETAIN,
       len: 1,
-      segmentId: u
-    }), x.push({
-      t: "d",
+      segmentId: h
+    }), O.push({
+      t: x.DELETE,
       len: m + 1 - f,
       line: 0,
-      segmentId: u
-    }), C.params.mutations = x.serialize();
-    const P = r.syncExecuteCommand(C.id, C.params);
-    return t.replaceTextRanges(T), P ? (s.pushUndoRedo({
-      unitID: b,
-      undoMutations: [{ id: _.id, params: P }],
-      redoMutations: [{ id: _.id, params: C.params }],
-      undo() {
-        return r.syncExecuteCommand(_.id, P), t.replaceTextRanges([a]), !0;
-      },
-      redo() {
-        return r.syncExecuteCommand(_.id, C.params), t.replaceTextRanges(T), !0;
-      }
-    }), !0) : !1;
+      segmentId: h
+    }), R.params.actions = O.serialize(), !!r.syncExecuteCommand(R.id, R.params);
   }
 };
-function Vn(i, e, t) {
-  const { textRuns: n } = i, r = i.dataStream.substring(e, t);
+function mn(s, e, t) {
+  const { textRuns: n } = s, r = s.dataStream.substring(e, t);
   if (n == null)
     return {
       dataStream: r
     };
-  const s = [];
+  const i = [];
   for (const o of n) {
-    const { st: a, ed: c } = o;
-    c <= e || a >= t || (a < e ? s.push({
+    const { st: a, ed: l } = o;
+    l <= e || a >= t || (a < e ? i.push({
       ...o,
       st: 0,
-      ed: c - e
-    }) : c > t ? s.push({
+      ed: l - e
+    }) : l > t ? i.push({
       ...o,
       st: a - e,
       ed: t - e
-    }) : s.push({
+    }) : i.push({
       ...o,
       st: a - e,
-      ed: c - e
+      ed: l - e
     }));
   }
   return {
     dataStream: r,
-    textRuns: s
+    textRuns: i
   };
 }
-function Nt(i, e) {
-  let t = i.endOffset;
+function _t(s, e) {
+  let t = s.endOffset;
   for (const r of e) {
-    const { startOffset: s, endOffset: o } = r;
-    s == null || o == null || o <= i.endOffset && (t -= o - s);
+    const { startOffset: i, endOffset: o } = r;
+    i == null || o == null || o <= s.endOffset && (t -= o - i);
   }
   return [
     {
       startOffset: t,
       endOffset: t,
-      style: i.style
+      style: s.style
     }
   ];
 }
-class rt {
-  constructor() {
-    S(this, "_previousActiveRange", null);
-    S(this, "_undoMutationParamsCache", []);
-    S(this, "_redoMutationParamsCache", []);
-  }
-  clearUndoRedoMutationParamsCache() {
-    this._undoMutationParamsCache = [], this._redoMutationParamsCache = [];
-  }
-  setActiveRange(e) {
-    this._previousActiveRange = e;
-  }
-  pushUndoRedoMutationParams(e, t) {
-    this._undoMutationParamsCache.push(e), this._redoMutationParamsCache.push(t);
-  }
-  fetchComposedUndoRedoMutationParams(e) {
-    if (this._undoMutationParamsCache.length === 0 || this._previousActiveRange == null)
-      return null;
-    const { unitId: t } = this._undoMutationParamsCache[0], { segmentId: n, startOffset: r, collapsed: s } = this._previousActiveRange, o = {
-      unitId: t,
-      mutations: []
-    }, a = {
-      unitId: t,
-      mutations: []
-    };
-    return s ? (o.mutations.push({
-      t: "r",
-      len: r,
-      segmentId: n
-    }), a.mutations.push({
-      t: "r",
-      len: r,
-      segmentId: n
-    })) : (r > 0 && o.mutations.push({
-      t: "r",
-      len: r,
-      segmentId: n
-    }), o.mutations.push(this._undoMutationParamsCache[0].mutations.find((c) => c.t === "i")), a.mutations.push(...Be(this._previousActiveRange, n))), e.length && (o.mutations.push({
-      t: "d",
-      len: e.length,
-      line: 0,
-      segmentId: n
-    }), a.mutations.push({
-      t: "i",
-      body: {
-        dataStream: e
-      },
-      len: e.length,
-      line: 0,
-      segmentId: n
-    })), { redoMutationParams: a, undoMutationParams: o, previousActiveRange: this._previousActiveRange };
-  }
-  dispose() {
-    this._undoMutationParamsCache = [], this._redoMutationParamsCache = [], this._previousActiveRange = null;
-  }
-}
-const Lt = {
+const St = {
   id: "doc.command.ime-input",
-  type: I.COMMAND,
-  handler: async (i, e) => {
-    const { unitId: t, newText: n, oldTextLen: r, range: s, segmentId: o, textRanges: a, isCompositionEnd: c } = e, d = i.get(O), l = i.get(A), h = i.get(U), g = i.get(rt), u = {
-      id: _.id,
+  type: C.COMMAND,
+  handler: async (s, e) => {
+    const { unitId: t, newText: n, oldTextLen: r, isCompositionEnd: i, isCompositionStart: o } = e, a = s.get(b), l = s.get(xe), d = l.getActiveRange();
+    if (d == null)
+      return !1;
+    const { startOffset: c, style: u, segmentId: h } = d, g = n.length, f = [
+      {
+        startOffset: c + g,
+        endOffset: c + g,
+        collapsed: !0,
+        style: u
+      }
+    ], m = {
+      id: L.id,
       params: {
         unitId: t,
-        mutations: []
+        actions: [],
+        textRanges: f
       }
-    }, p = new H();
-    s.collapsed ? p.push({
-      t: "r",
-      len: s.startOffset,
-      segmentId: o
-    }) : p.push(...Be(s, o)), r > 0 && p.push({
-      t: "d",
+    }, p = new A();
+    !d.collapsed && o ? p.push(...We(d, h)) : p.push({
+      t: x.RETAIN,
+      len: c,
+      segmentId: h
+    }), r > 0 && p.push({
+      t: x.DELETE,
       len: r,
       line: 0,
-      segmentId: o
+      segmentId: h
     }), p.push({
-      t: "i",
+      t: x.INSERT,
       body: {
         dataStream: n
       },
       len: n.length,
       line: 0,
-      segmentId: o
-    }), u.params.mutations = p.serialize();
-    const f = d.syncExecuteCommand(u.id, u.params);
-    if (g.pushUndoRedoMutationParams(f, u.params), h.replaceTextRanges(a), c) {
-      if (f) {
-        const m = g.fetchComposedUndoRedoMutationParams(n);
-        if (m == null)
-          return !1;
-        const { undoMutationParams: v, redoMutationParams: M, previousActiveRange: b } = m;
-        return l.pushUndoRedo({
-          unitID: t,
-          undoMutations: [{ id: _.id, params: v }],
-          redoMutations: [{ id: _.id, params: M }],
-          undo() {
-            return d.syncExecuteCommand(_.id, v), h.replaceTextRanges([b]), !0;
-          },
-          redo() {
-            return d.syncExecuteCommand(_.id, M), h.replaceTextRanges(a), !0;
-          }
-        }), !0;
-      }
-    } else
-      return !!f;
-    return !1;
+      segmentId: h
+    }), m.params.actions = p.serialize(), m.params.noHistory = !i, m.params.isCompositionEnd = i;
+    const _ = a.syncExecuteCommand(m.id, m.params);
+    return l.pushUndoRedoMutationParams(_, m.params), !!_;
   }
-}, he = {
+}, Te = {
   id: "doc.command.set-inline-format-bold",
-  type: I.COMMAND,
+  type: C.COMMAND,
   handler: async () => !0
-}, Ve = {
+}, De = {
   id: "doc.command.set-inline-format-italic",
-  type: I.COMMAND,
+  type: C.COMMAND,
   handler: async () => !0
-}, Fe = {
+}, Pe = {
   id: "doc.command.set-inline-format-underline",
-  type: I.COMMAND,
+  type: C.COMMAND,
   handler: async () => !0
-}, je = {
+}, Ee = {
   id: "doc.command.set-inline-format-strikethrough",
-  type: I.COMMAND,
+  type: C.COMMAND,
   handler: async () => !0
 }, Q = {
   id: "doc.command.set-inline-format-subscript",
-  type: I.COMMAND,
+  type: C.COMMAND,
   handler: async () => !0
-}, oe = {
+}, we = {
   id: "doc.command.set-inline-format-superscript",
-  type: I.COMMAND,
+  type: C.COMMAND,
   handler: async () => !0
-}, ge = {
+}, Ue = {
   id: "doc.command.set-inline-format-fontsize",
-  type: I.COMMAND,
+  type: C.COMMAND,
   handler: async () => !0
-}, pe = {
+}, Ne = {
   id: "doc.command.set-inline-format-font-family",
-  type: I.COMMAND,
+  type: C.COMMAND,
   handler: async () => !0
-}, ke = {
+}, Ae = {
   id: "doc.command.set-inline-format-text-color",
-  type: I.COMMAND,
+  type: C.COMMAND,
   handler: async () => !0
-}, At = {
-  [he.id]: "bl",
-  [Ve.id]: "it",
-  [Fe.id]: "ul",
-  [je.id]: "st",
-  [ge.id]: "fs",
-  [pe.id]: "ff",
-  [ke.id]: "cl",
+}, vt = {
+  [Te.id]: "bl",
+  [De.id]: "it",
+  [Pe.id]: "ul",
+  [Ee.id]: "st",
+  [Ue.id]: "fs",
+  [Ne.id]: "ff",
+  [Ae.id]: "cl",
   [Q.id]: "va",
-  [oe.id]: "va"
-}, $t = {
+  [we.id]: "va"
+}, Mt = {
   id: "doc.command.set-inline-format",
-  type: I.COMMAND,
-  handler: async (i, e) => {
-    const { segmentId: t, value: n, preCommandId: r } = e, s = i.get(A), o = i.get(O), a = i.get(U), c = i.get(y), d = a.getSelections();
-    if (!Array.isArray(d) || d.length === 0)
+  type: C.COMMAND,
+  handler: async (s, e) => {
+    const { segmentId: t, value: n, preCommandId: r } = e, i = s.get(b), o = s.get(w), a = s.get(y), l = o.getSelections();
+    if (!Array.isArray(l) || l.length === 0)
       return !1;
-    let l = c.getCurrentUniverDocInstance(), h = l.getUnitId();
-    h === J && (l = c.getUniverDocInstance(K), h = l.getUnitId());
-    let g;
+    let d = a.getCurrentUniverDocInstance(), c = d.getUnitId();
+    c === q && (d = a.getUniverDocInstance(Y), c = d.getUnitId());
+    let u;
     switch (r) {
-      case he.id:
-      case Ve.id:
-      case Fe.id:
-      case je.id:
+      case Te.id:
+      case De.id:
+      case Pe.id:
+      case Ee.id:
       case Q.id:
-      case oe.id: {
-        g = jn(
-          l.getBody().textRuns,
+      case we.id: {
+        u = pn(
+          d.getBody().textRuns,
           r,
-          d
+          l
         );
         break;
       }
-      case ge.id:
-      case pe.id: {
-        g = n;
+      case Ue.id:
+      case Ne.id: {
+        u = n;
         break;
       }
-      case ke.id: {
-        g = {
+      case Ae.id: {
+        u = {
           rgb: n
         };
         break;
@@ -1017,278 +1017,231 @@ const Lt = {
       default:
         throw new Error(`Unknown command: ${r} in handleInlineFormat`);
     }
-    const u = {
-      id: _.id,
+    const h = {
+      id: L.id,
       params: {
-        unitId: h,
-        mutations: []
+        unitId: c,
+        actions: [],
+        textRanges: l
       }
-    }, p = new H(), f = new Ae();
+    }, g = new A(), f = new Oe();
     f.reset();
-    for (const M of d) {
-      const { startOffset: b, endOffset: T } = M, C = {
+    for (const p of l) {
+      const { startOffset: _, endOffset: S } = p, I = {
         dataStream: "",
         textRuns: [
           {
             st: 0,
-            ed: T - b,
+            ed: S - _,
             ts: {
-              [At[r]]: g
+              [vt[r]]: u
             }
           }
         ]
-      }, x = b - f.cursor;
-      x !== 0 && p.push({
-        t: "r",
-        len: x,
+      }, R = _ - f.cursor;
+      R !== 0 && g.push({
+        t: x.RETAIN,
+        len: R,
         segmentId: t
-      }), p.push({
-        t: "r",
-        body: C,
-        len: T - b,
+      }), g.push({
+        t: x.RETAIN,
+        body: I,
+        len: S - _,
         segmentId: t
-      }), f.reset(), f.moveCursor(T);
+      }), f.reset(), f.moveCursor(S);
     }
-    u.params.mutations = p.serialize();
-    const m = o.syncExecuteCommand(u.id, u.params), v = [
-      he.id,
-      ge.id,
-      pe.id,
-      Q.id,
-      oe.id
-    ];
-    return v.includes(r) && a.refreshSelection(), m ? (s.pushUndoRedo({
-      unitID: h,
-      undoMutations: [{ id: _.id, params: m }],
-      redoMutations: [{ id: _.id, params: u.params }],
-      undo() {
-        return o.syncExecuteCommand(_.id, m), v.includes(r) && a.refreshSelection(), !0;
-      },
-      redo() {
-        return o.syncExecuteCommand(_.id, u.params), v.includes(r) && a.refreshSelection(), !0;
-      }
-    }), !0) : !1;
+    return h.params.actions = g.serialize(), !!i.syncExecuteCommand(h.id, h.params);
   }
 };
-function Fn(i) {
-  return i !== null && typeof i == "object";
+function fn(s) {
+  return s !== null && typeof s == "object";
 }
-function jn(i, e, t) {
+function pn(s, e, t) {
   let n = 0, r = 0;
-  const s = At[e];
-  for (; n !== i.length && r !== t.length; ) {
-    const { startOffset: o, endOffset: a } = t[r], { st: c, ed: d, ts: l } = i[n];
-    if (a <= c)
+  const i = vt[e];
+  for (; n !== s.length && r !== t.length; ) {
+    const { startOffset: o, endOffset: a } = t[r], { st: l, ed: d, ts: c } = s[n];
+    if (a <= l)
       r++;
     else if (d <= o)
       n++;
     else {
-      if ((l == null ? void 0 : l[s]) == null) {
-        if (/bl|it/.test(s))
-          return E.TRUE;
-        if (/ul|st/.test(s))
-          return {
-            s: E.TRUE
-          };
-        if (/va/.test(s))
-          return e === Q.id ? V.SUBSCRIPT : V.SUPERSCRIPT;
-      }
-      if (Fn(l == null ? void 0 : l[s]) && l[s].s === E.FALSE)
-        return {
-          s: E.TRUE
+      if (/bl|it/.test(i))
+        return (c == null ? void 0 : c[i]) === V.TRUE ? V.FALSE : V.TRUE;
+      if (/ul|st/.test(i))
+        return fn(c == null ? void 0 : c[i]) && (c == null ? void 0 : c[i]).s === V.TRUE ? {
+          s: V.FALSE
+        } : {
+          s: V.TRUE
         };
-      if (e === Q.id && (l == null ? void 0 : l[s]) !== V.SUBSCRIPT)
-        return V.SUBSCRIPT;
-      if (e === oe.id && (l == null ? void 0 : l[s]) !== V.SUPERSCRIPT)
-        return V.SUPERSCRIPT;
-      if ((l == null ? void 0 : l[s]) === E.FALSE)
-        return E.TRUE;
+      if (/va/.test(i))
+        return e === Q.id ? (c == null ? void 0 : c[i]) === k.SUBSCRIPT ? k.NORMAL : k.SUBSCRIPT : (c == null ? void 0 : c[i]) === k.SUPERSCRIPT ? k.NORMAL : k.SUPERSCRIPT;
       n++;
     }
   }
-  return /bl|it/.test(s) ? E.FALSE : /ul|st/.test(s) ? {
-    s: E.FALSE
-  } : V.NORMAL;
+  return /bl|it/.test(i) ? V.TRUE : /ul|st/.test(i) ? {
+    s: V.TRUE
+  } : e === Q.id ? k.SUBSCRIPT : k.SUPERSCRIPT;
 }
-const kn = {
-  id: "doc.command.bullet-list",
-  type: I.COMMAND,
-  handler: (i) => i.get(O).syncExecuteCommand(it.id, {
-    listType: bt.BULLET_LIST
-  })
-}, zn = {
-  id: "doc.command.order-list",
-  type: I.COMMAND,
-  handler: (i) => i.get(O).syncExecuteCommand(it.id, {
-    listType: bt.ORDER_LIST
-  })
-}, it = {
+const Ge = {
   id: "doc.command.list-operation",
-  type: I.COMMAND,
-  handler: (i, e) => {
-    var T;
-    const t = i.get(U), n = i.get(y), r = i.get(O), s = i.get(A), { listType: o } = e, a = n.getCurrentUniverDocInstance(), c = t.getActiveRange(), d = (T = a.getBody()) == null ? void 0 : T.paragraphs;
-    if (c == null || d == null)
+  type: C.COMMAND,
+  handler: (s, e) => {
+    var O, N, P;
+    const t = s.get(w), n = s.get(y), r = s.get(b), { listType: i } = e, o = n.getCurrentUniverDocInstance(), a = t.getActiveRange(), l = (O = t.getSelections()) != null ? O : [], d = (N = o.getBody()) == null ? void 0 : N.paragraphs, c = l.map(Ie);
+    if (a == null || d == null)
       return !1;
-    const l = Wn(c, d), { segmentId: h } = c, g = a.getUnitId(), u = l.every((C) => {
-      var x;
-      return ((x = C.bullet) == null ? void 0 : x.listType) === o;
-    }), p = 6;
-    let f = ie.generateRandomId(p);
-    if (l.length === 1) {
-      const C = d.indexOf(l[0]), x = d[C - 1], P = d[C + 1];
-      x && x.bullet && x.bullet.listType === o ? f = x.bullet.listId : P && P.bullet && P.bullet.listType === o && (f = P.bullet.listId);
+    const u = vn(a, d), { segmentId: h } = a, g = o.getUnitId(), f = u.every((T) => {
+      var D;
+      return ((D = T.bullet) == null ? void 0 : D.listType) === i;
+    });
+    let p = oe.generateRandomId(6);
+    if (u.length === 1) {
+      const T = d.indexOf(u[0]), D = d[T - 1], M = d[T + 1];
+      D && D.bullet && D.bullet.listType === i ? p = D.bullet.listId : M && M.bullet && M.bullet.listType === i && (p = M.bullet.listId);
     }
-    const m = {
-      id: _.id,
+    const _ = {
+      id: L.id,
       params: {
         unitId: g,
-        mutations: []
+        actions: [],
+        textRanges: c
       }
-    }, v = new Ae();
-    v.reset();
-    const M = new H();
-    for (const C of l) {
-      const { startIndex: x } = C;
-      M.push({
-        t: "r",
-        len: x - v.cursor,
+    }, S = new Oe();
+    S.reset();
+    const I = new A();
+    for (const T of u) {
+      const { startIndex: D } = T;
+      I.push({
+        t: x.RETAIN,
+        len: D - S.cursor,
         segmentId: h
       });
-      const P = {
-        ...C.paragraphStyle,
+      const M = {
+        ...T.paragraphStyle,
         hanging: void 0,
         indentStart: void 0
       };
-      M.push({
-        t: "r",
+      I.push({
+        t: x.RETAIN,
         len: 1,
         body: {
           dataStream: "",
           paragraphs: [
-            u ? {
-              paragraphStyle: P,
+            f ? {
+              paragraphStyle: M,
               startIndex: 0
             } : {
-              ...C,
+              ...T,
               startIndex: 0,
               bullet: {
-                ...C.bullet ?? {
+                ...(P = T.bullet) != null ? P : {
                   nestingLevel: 0,
                   textStyle: {
                     fs: 20
                   }
                 },
-                listType: o,
-                listId: f
+                listType: i,
+                listId: p
               }
             }
           ]
         },
         segmentId: h,
-        coverType: yt.REPLACE
-      }), v.moveCursorTo(x + 1);
+        coverType: ut.REPLACE
+      }), S.moveCursorTo(D + 1);
     }
-    m.params.mutations = M.serialize();
-    const b = r.syncExecuteCommand(m.id, m.params);
-    return t.refreshSelection(), b && s.pushUndoRedo({
-      unitID: g,
-      undoMutations: [{ id: _.id, params: b }],
-      redoMutations: [{ id: _.id, params: m.params }],
-      undo() {
-        return r.syncExecuteCommand(_.id, b), t.refreshSelection(), !0;
-      },
-      redo() {
-        return r.syncExecuteCommand(_.id, m.params), t.refreshSelection(), !0;
-      }
-    }), !0;
+    return _.params.actions = I.serialize(), !!r.syncExecuteCommand(_.id, _.params);
   }
+}, _n = {
+  id: "doc.command.bullet-list",
+  type: C.COMMAND,
+  handler: (s) => s.get(b).syncExecuteCommand(Ge.id, {
+    listType: ht.BULLET_LIST
+  })
+}, Sn = {
+  id: "doc.command.order-list",
+  type: C.COMMAND,
+  handler: (s) => s.get(b).syncExecuteCommand(Ge.id, {
+    listType: ht.ORDER_LIST
+  })
 };
-function Wn(i, e) {
-  const { startOffset: t, endOffset: n } = i, r = [];
-  let s = -1;
+function vn(s, e) {
+  const { startOffset: t, endOffset: n } = s, r = [];
+  let i = -1;
   for (const o of e) {
     const { startIndex: a } = o;
-    (t > s && t <= a || n > s && n <= a || a >= t && a <= n) && r.push(o), s = a;
+    (t > i && t <= a || n > i && n <= a || a >= t && a <= n) && r.push(o), i = a;
   }
   return r;
 }
-const Hn = {
+const Mn = {
   id: "doc.command-replace-content",
-  type: I.COMMAND,
-  handler: async (i, e) => {
-    var p;
-    const { unitId: t, body: n, textRanges: r, segmentId: s = "" } = e, o = i.get(y), a = i.get(O), c = i.get(U), d = i.get(A), l = (p = o.getUniverDocInstance(t)) == null ? void 0 : p.getSnapshot().body, h = c.getSelections();
-    if (l == null || !Array.isArray(h) || h.length === 0)
+  type: C.COMMAND,
+  handler: async (s, e) => {
+    var g;
+    const { unitId: t, body: n, textRanges: r, segmentId: i = "" } = e, o = s.get(y), a = s.get(b), l = s.get(w), d = (g = o.getUniverDocInstance(t)) == null ? void 0 : g.getSnapshot().body, c = l.getSelections();
+    if (d == null || !Array.isArray(c) || c.length === 0)
       return !1;
-    const g = Bt(t, s, l, n), u = a.syncExecuteCommand(g.id, g.params);
-    return c.replaceTextRanges(r), u ? (d.pushUndoRedo({
-      unitID: t,
-      undoMutations: [{ id: _.id, params: u }],
-      redoMutations: [{ id: _.id, params: g.params }],
-      undo() {
-        return a.syncExecuteCommand(_.id, u), c.replaceTextRanges(h), !0;
-      },
-      redo() {
-        return a.syncExecuteCommand(_.id, g.params), c.replaceTextRanges(r), !0;
-      }
-    }), !0) : !1;
+    const u = It(t, i, d, n);
+    return u.params.textRanges = r, !!a.syncExecuteCommand(u.id, u.params);
   }
-}, Xn = {
+}, In = {
   id: "doc.command-cover-content",
-  type: I.COMMAND,
-  handler: async (i, e) => {
-    var l;
-    const { unitId: t, body: n, segmentId: r = "" } = e, s = i.get(y), o = i.get(O), a = i.get(A), c = (l = s.getUniverDocInstance(t)) == null ? void 0 : l.getSnapshot().body;
-    if (c == null)
+  type: C.COMMAND,
+  handler: async (s, e) => {
+    var c;
+    const { unitId: t, body: n, segmentId: r = "" } = e, i = s.get(y), o = s.get(b), a = s.get(Re), l = (c = i.getUniverDocInstance(t)) == null ? void 0 : c.getSnapshot().body;
+    if (l == null)
       return !1;
-    const d = Bt(t, r, c, n);
-    return o.syncExecuteCommand(
+    const d = It(t, r, l, n);
+    return d.params.noNeedSetTextRange = !0, d.params.noHistory = !0, o.syncExecuteCommand(
       d.id,
       d.params
     ), a.clearUndoRedo(t), !0;
   }
 };
-function Bt(i, e, t, n) {
+function It(s, e, t, n) {
   const r = {
-    id: _.id,
+    id: L.id,
     params: {
-      unitId: i,
-      mutations: []
+      unitId: s,
+      actions: [],
+      textRanges: []
     }
-  }, s = new H(), o = (t == null ? void 0 : t.dataStream.length) - 2;
-  return o > 0 && s.push({
-    t: "d",
+  }, i = new A(), o = (t == null ? void 0 : t.dataStream.length) - 2;
+  return o > 0 && i.push({
+    t: x.DELETE,
     len: o,
     line: 0,
     segmentId: e
-  }), n.dataStream.length > 0 && s.push({
-    t: "i",
+  }), n.dataStream.length > 0 && i.push({
+    t: x.INSERT,
     body: n,
     len: n.dataStream.length,
     line: 0,
     segmentId: e
-  }), r.params.mutations = s.serialize(), r;
+  }), r.params.actions = i.serialize(), r;
 }
-const ee = {
+const ze = {
   id: "doc.operation.move-cursor",
-  type: I.OPERATION,
-  handler: (i, e) => !!e
-}, te = {
+  type: C.OPERATION,
+  handler: (s, e) => !!e
+}, Ve = {
   id: "doc.operation.move-selection",
-  type: I.OPERATION,
-  handler: (i, e) => !!e
-}, Gn = (i, e) => {
-  const t = i.get(y).getUniverDocInstance(e.unitId), n = (t == null ? void 0 : t.zoomRatio) || 1;
+  type: C.OPERATION,
+  handler: (s, e) => !!e
+}, Cn = (s, e) => {
+  const t = s.get(y).getUniverDocInstance(e.unitId), n = (t == null ? void 0 : t.zoomRatio) || 1;
   return {
-    ...ie.deepClone(e),
+    ...oe.deepClone(e),
     zoomRatio: n
   };
-}, Z = {
+}, G = {
   id: "doc.operation.set-zoom-ratio",
-  type: I.OPERATION,
-  handler: (i, e) => {
-    const t = i.get(y).getUniverDocInstance(e.unitId);
+  type: C.OPERATION,
+  handler: (s, e) => {
+    const t = s.get(y).getUniverDocInstance(e.unitId);
     if (!t)
       return !1;
     const n = t.getSnapshot();
@@ -1296,29 +1249,30 @@ const ee = {
       zoomRatio: e.zoomRatio
     } : n.settings.zoomRatio = e.zoomRatio, !0;
   }
-}, Vt = {
-  type: I.COMMAND,
+}, Ct = {
+  type: C.COMMAND,
   id: "doc.command.set-zoom-ratio",
-  handler: async (i, e) => {
-    const t = i.get(O), n = i.get(A), r = i.get(y);
-    let s = r.getCurrentUniverDocInstance().getUnitId(), o = 1;
-    if (e && (s = e.documentId ?? s, o = e.zoomRatio ?? o), !r.getUniverDocInstance(s))
+  handler: async (s, e) => {
+    var u, h;
+    const t = s.get(b), n = s.get(Re), r = s.get(y);
+    let i = r.getCurrentUniverDocInstance().getUnitId(), o = 1;
+    if (e && (i = (u = e.documentId) != null ? u : i, o = (h = e.zoomRatio) != null ? h : o), !r.getUniverDocInstance(i))
       return !1;
-    const c = {
+    const l = {
       zoomRatio: o,
-      unitId: s
-    }, d = Gn(i, c);
-    return t.syncExecuteCommand(Z.id, c) ? (n.pushUndoRedo({
-      unitID: s,
-      undoMutations: [{ id: Z.id, params: d }],
-      redoMutations: [{ id: Z.id, params: c }]
+      unitId: i
+    }, d = Cn(s, l);
+    return t.syncExecuteCommand(G.id, l) ? (n.pushUndoRedo({
+      unitID: i,
+      undoMutations: [{ id: G.id, params: d }],
+      redoMutations: [{ id: G.id, params: l }]
     }), !0) : !1;
   }
-}, Ft = {
+}, Rn = {
   id: "doc.operation.select-all",
-  type: I.COMMAND,
-  handler: async (i) => {
-    const e = i.get(y), t = i.get(U), n = e.getCurrentUniverDocInstance().getSnapshot().body;
+  type: C.COMMAND,
+  handler: async (s) => {
+    const e = s.get(y), t = s.get(w), n = e.getCurrentUniverDocInstance().getSnapshot().body;
     if (n == null)
       return !1;
     const r = [
@@ -1329,538 +1283,78 @@ const ee = {
     ];
     return t.replaceTextRanges(r), !0;
   }
-}, Yn = 10, qn = 6;
-function Zn() {
-  return ie.generateRandomId(qn);
-}
-function Kn(i) {
-  const e = i.match(/data-copy-id="([^\s]+)"/);
-  return e && e[1] ? e[1] : null;
-}
-class Jn {
-  constructor() {
-    S(this, "_cache", new Ht(Yn));
-  }
-  set(e, t) {
-    this._cache.set(e, t);
-  }
-  get(e) {
-    return this._cache.get(e);
-  }
-  clear() {
-    this._cache.clear();
-  }
-}
-const St = new Jn();
-function Qn(i) {
-  const e = i.style, t = {};
-  for (let n = 0; n < e.length; n++) {
-    const r = e[n], s = e.getPropertyValue(r);
-    switch (r) {
-      case "margin-top": {
-        const o = parseInt(s);
-        t.spaceAbove = /pt/.test(s) ? Ke(o) : o;
-        break;
-      }
-      case "margin-bottom": {
-        const o = parseInt(s);
-        t.spaceBelow = /pt/.test(s) ? Ke(o) : o;
-        break;
-      }
-    }
-  }
-  return Object.getOwnPropertyNames(t).length ? t : null;
-}
-function Ke(i) {
-  return i / 0.75;
-}
-function st(i) {
-  const e = i.style, t = {}, n = i.tagName.toLowerCase();
-  switch (n) {
-    case "b":
-    case "em":
-    case "strong": {
-      t.bl = E.TRUE;
-      break;
-    }
-    case "s": {
-      t.st = {
-        s: E.TRUE
-      };
-      break;
-    }
-    case "u": {
-      t.ul = {
-        s: E.TRUE
-      };
-      break;
-    }
-    case "i": {
-      t.it = E.TRUE;
-      break;
-    }
-    case "sub":
-    case "sup": {
-      t.va = n === "sup" ? V.SUPERSCRIPT : V.SUBSCRIPT;
-      break;
-    }
-  }
-  for (let r = 0; r < e.length; r++) {
-    const s = e[r], o = e.getPropertyValue(s);
-    switch (s) {
-      case "font-family": {
-        t.ff = o;
-        break;
-      }
-      case "font-size": {
-        const a = parseInt(o);
-        Number.isNaN(a) || (t.fs = /pt$/.test(o) ? Ke(a) : a);
-        break;
-      }
-      case "font-style": {
-        o === "italic" && (t.it = E.TRUE);
-        break;
-      }
-      case "font-weight": {
-        Number(o) > 400 && (t.bl = E.TRUE);
-        break;
-      }
-      case "text-decoration": {
-        /underline/.test(o) ? t.ul = {
-          s: E.TRUE
-        } : /overline/.test(o) ? t.ol = {
-          s: E.TRUE
-        } : /line-through/.test(o) && (t.st = {
-          s: E.TRUE
-        });
-        break;
-      }
-      case "color": {
-        const a = new at(o);
-        a.isValid && (t.cl = {
-          rgb: a.toRgbString()
-        });
-        break;
-      }
-      case "background-color": {
-        const a = new at(o);
-        a.isValid && (t.bg = {
-          rgb: a.toRgbString()
-        });
-        break;
-      }
-    }
-  }
-  return t;
-}
-function er(i) {
-  const e = new DOMParser(), t = `<x-univer id="univer-root">${i}</x-univer>`;
-  return e.parseFromString(t, "text/html").querySelector("#univer-root");
-}
-function vt(i, e) {
-  const t = i.tagName.toLowerCase();
-  return typeof e == "string" ? t === e : Array.isArray(e) ? e.some((n) => n === t) : e(i);
-}
-const Le = class Le {
-  constructor() {
-    S(this, "_styleCache", /* @__PURE__ */ new Map());
-    S(this, "_styleRules", []);
-    S(this, "_afterProcessRules", []);
-  }
-  static use(e) {
-    if (this._pluginList.includes(e))
-      throw new Error(`Univer paste plugin ${e.name} already added`);
-    this._pluginList.push(e);
-  }
-  convert(e) {
-    const t = Le._pluginList.find((s) => s.checkPasteType(e)), n = er(e), r = {
-      dataStream: "",
-      textRuns: []
-    };
-    return t && (this._styleRules = [...t.stylesRules], this._afterProcessRules = [...t.afterProcessRules]), this._styleCache.clear(), this._process(null, n == null ? void 0 : n.childNodes, r), this._styleCache.clear(), this._styleRules = [], this._afterProcessRules = [], r;
-  }
-  _process(e, t, n) {
-    var r;
-    for (const s of t)
-      if (s.nodeType === Node.TEXT_NODE) {
-        const o = (r = s.nodeValue) == null ? void 0 : r.replace(/[\r\n]/g, "");
-        let a;
-        e && this._styleCache.has(e) && (a = this._styleCache.get(e)), n.dataStream += o, a && Object.getOwnPropertyNames(a).length && n.textRuns.push({
-          st: n.dataStream.length - o.length,
-          ed: n.dataStream.length,
-          ts: a
-        });
-      } else if (s.nodeType === Node.ELEMENT_NODE) {
-        const o = e ? this._styleCache.get(e) : {}, a = this._styleRules.find(({ filter: h }) => vt(s, h)), c = a ? a.getStyle(s) : st(s);
-        this._styleCache.set(s, { ...o, ...c });
-        const { childNodes: d } = s;
-        this._process(s, d, n);
-        const l = this._afterProcessRules.find(
-          ({ filter: h }) => vt(s, h)
-        );
-        l && l.handler(n, s);
-      }
-  }
-};
-S(Le, "_pluginList", []);
-let fe = Le;
-const tr = {
-  name: "univer-doc-paste-plugin-lark",
-  checkPasteType(i) {
-    return /lark-record-clipboard/i.test(i);
-  },
-  // TODO: @JOCS, support inline code copy from lark.
-  stylesRules: [
-    {
-      filter: ["s"],
-      getStyle(i) {
-        const e = st(i);
-        return {
-          st: {
-            s: E.TRUE
-          },
-          ...e
-        };
-      }
-    }
-  ],
-  afterProcessRules: [
-    {
-      filter(i) {
-        return i.tagName === "DIV" && /ace-line/i.test(i.className);
-      },
-      handler(i) {
-        i.paragraphs == null && (i.paragraphs = []), i.paragraphs.push({
-          startIndex: i.dataStream.length
-        }), i.dataStream += "\r";
-      }
-    }
-  ]
-}, nr = {
-  name: "univer-doc-paste-plugin-word",
-  checkPasteType(i) {
-    return /word|mso/i.test(i);
-  },
-  stylesRules: [
-    {
-      filter: ["b"],
-      getStyle(i) {
-        const e = st(i);
-        return { bl: E.TRUE, ...e };
-      }
-    }
-  ],
-  afterProcessRules: [
-    {
-      filter(i) {
-        return i.tagName === "P" && /mso/i.test(i.className);
-      },
-      handler(i, e) {
-        i.paragraphs == null && (i.paragraphs = []);
-        const t = {
-          startIndex: i.dataStream.length
-        }, n = Qn(e);
-        n && (t.paragraphStyle = n), i.paragraphs.push(t), i.dataStream += "\r";
-      }
-    }
-  ]
 };
-function rr(i, e) {
-  const { st: t, ed: n, ts: r = {} } = e, { ff: s, fs: o, it: a, bl: c, ul: d, st: l, ol: h, bg: g, cl: u, va: p } = r;
-  let f = i.slice(t, n);
-  const m = [];
-  return a === E.TRUE && (f = `<i>${f}</i>`), p === V.SUPERSCRIPT ? f = `<sup>${f}</sup>` : p === V.SUBSCRIPT && (f = `<sub>${f}</sub>`), (d == null ? void 0 : d.s) === E.TRUE && (f = `<u>${f}</u>`), (l == null ? void 0 : l.s) === E.TRUE && (f = `<s>${f}</s>`), c === E.TRUE && (f = `<strong>${f}</strong>`), s && m.push(`font-family: ${s}`), u && m.push(`color: ${u.rgb}`), o && m.push(`font-size: ${o}px`), h && m.push("text-decoration: overline"), g && m.push(`background: ${g.rgb}`), m.length ? `<span style="${m.join(";")}">${f}</span>` : f;
-}
-function Mt(i, e = !0) {
-  const { dataStream: t, textRuns: n = [], paragraphs: r = [] } = i;
-  let s = 0;
-  const o = [], a = [];
-  for (const c of n) {
-    const { st: d, ed: l } = c;
-    if (d !== s && o.push(t.slice(s, d)), o.push(rr(t, c)), s = l, e)
-      for (const h of r) {
-        const { startIndex: g, paragraphStyle: u = {} } = h;
-        if (g >= d && g <= l) {
-          const { spaceAbove: p, spaceBelow: f } = u, m = [];
-          p != null && (typeof p == "number" ? m.push(`margin-top: ${p}px`) : m.push(`margin-top: ${p.v}px`)), f != null && (typeof f == "number" ? m.push(`margin-bottom: ${f}px`) : m.push(`margin-bottom: ${f.v}px`)), a.push(
-            `<p className="UniverNormal" ${m.length ? `style="${m.join(";")}"` : ""}>${o.join("")}</p>`
-          ), o.length = 0;
-        }
-      }
-  }
-  return a.join("") + o.join("");
-}
-class ir {
-  convert(e) {
-    if (e.length === 0)
-      throw new Error("The bodyList length at least to be 1");
-    if (e.length === 1)
-      return Mt(e[0]);
-    let t = "";
-    for (const n of e)
-      t += '<p className="UniverNormal">', t += Mt(n, !1), t += "</p>";
-    return t;
-  }
-}
-var sr = Object.defineProperty, or = Object.getOwnPropertyDescriptor, ar = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? or(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && sr(e, t, r), r;
-}, Ct = (i, e) => (t, n) => e(t, n, i);
-fe.use(nr);
-fe.use(tr);
-function cr(i) {
-  const e = i.replace(/\n/g, "\r"), t = [];
-  for (let n = 0; n < e.length; n++)
-    e[n] === "\r" && t.push({ startIndex: n });
-  return {
-    dataStream: e,
-    paragraphs: t
-  };
-}
-const jt = Cn("doc.clipboard-service");
-let Je = class extends X {
-  constructor(e, t) {
-    super();
-    S(this, "_clipboardHooks", []);
-    S(this, "_htmlToUDM", new fe());
-    S(this, "_umdToHtml", new ir());
-    this._currentUniverService = e, this._clipboardInterfaceService = t;
-  }
-  async queryClipboardData() {
-    const e = await this._clipboardInterfaceService.read();
-    if (e.length === 0)
-      return Promise.reject();
-    try {
-      let t = "", n = "";
-      for (const s of e)
-        for (const o of s.types)
-          o === mn ? n = await s.getType(o).then((a) => a && a.text()) : o === _n && (t = await s.getType(o).then((a) => a && a.text()));
-      if (!t)
-        return cr(n);
-      const r = Kn(t);
-      if (r) {
-        const s = St.get(r);
-        if (s)
-          return s;
-      }
-      return this._htmlToUDM.convert(t);
-    } catch (t) {
-      return Promise.reject(t);
-    }
-  }
-  async setClipboardData(e) {
-    const t = Zn(), n = e.length > 1 ? e.map((s) => s.dataStream).join(`
-`) : e[0].dataStream;
-    let r = this._umdToHtml.convert(e);
-    return e.length === 1 && (r = r.replace(/(<[a-z]+)/, (s, o) => `${o} data-copy-id="${t}"`), St.set(t, e[0])), this._clipboardInterfaceService.write(n, r);
-  }
-  addClipboardHook(e) {
-    return this._clipboardHooks.push(e), qe(() => {
-      const t = this._clipboardHooks.indexOf(e);
-      t > -1 && this._clipboardHooks.splice(t, 1);
-    });
-  }
-};
-Je = ar([
-  Ct(0, y),
-  Ct(1, Sn)
-], Je);
-var lr = Object.defineProperty, dr = Object.getOwnPropertyDescriptor, ur = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? dr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && lr(e, t, r), r;
-}, ne = (i, e) => (t, n) => e(t, n, i);
-let Re = class extends X {
-  constructor(i, e, t, n, r, s) {
-    super(), this._logService = i, this._commandService = e, this._currentUniverService = t, this._docClipboardService = n, this._textSelectionManagerService = r, this._contextService = s, this._commandExecutedListener(), this.initialize();
-  }
-  initialize() {
-    [ze, We, He].forEach(
-      (i) => this.disposeWithMe(this._commandService.registerMultipleCommand(i))
-    ), [_t, Ne].forEach(
-      (i) => this.disposeWithMe(this._commandService.registerCommand(i))
-    );
-  }
-  _commandExecutedListener() {
-    const i = [We.id, ze.id, He.id];
-    this.disposeWithMe(
-      this._commandService.onCommandExecuted((e) => {
-        if (i.includes(e.id) && !(!this._contextService.getContextValue(N) && !this._contextService.getContextValue(_e)))
-          switch (e.id) {
-            case He.id: {
-              this._handlePaste();
-              break;
-            }
-            case ze.id: {
-              this._handleCopy();
-              break;
-            }
-            case We.id: {
-              this._handleCut();
-              break;
-            }
-            default:
-              throw new Error(`Unhandled command ${e.id}`);
-          }
-      })
-    );
-  }
-  async _handlePaste() {
-    const { _docClipboardService: i } = this, {
-      segmentId: e,
-      endOffset: t,
-      style: n
-    } = this._textSelectionManagerService.getActiveRange() ?? {}, r = this._textSelectionManagerService.getSelections();
-    if (e == null && this._logService.error("[DocClipboardController] segmentId is not existed"), !(t == null || r == null))
-      try {
-        const s = await i.queryClipboardData();
-        let o = t;
-        for (const c of r) {
-          const { startOffset: d, endOffset: l } = c;
-          d == null || l == null || l <= t && (o += s.dataStream.length - (l - d));
-        }
-        const a = [
-          {
-            startOffset: o,
-            endOffset: o,
-            style: n
-          }
-        ];
-        this._commandService.executeCommand(_t.id, { body: s, segmentId: e, textRanges: a });
-      } catch {
-        this._logService.error("[DocClipboardController] clipboard is empty");
-      }
-  }
-  _getDocumentBodyInRanges() {
-    const i = this._textSelectionManagerService.getSelections(), e = this._currentUniverService.getCurrentUniverDocInstance(), t = [];
-    if (i == null)
-      return t;
-    for (const n of i) {
-      const { startOffset: r, endOffset: s, collapsed: o } = n;
-      if (o || r == null || s == null)
-        continue;
-      const a = e.sliceBody(r, s);
-      a != null && t.push(a);
-    }
-    return t;
-  }
-  async _handleCopy() {
-    const { _docClipboardService: i } = this, e = this._getDocumentBodyInRanges();
-    try {
-      i.setClipboardData(e);
-    } catch {
-      this._logService.error("[DocClipboardController] set clipboard failed");
-    }
-  }
-  async _handleCut() {
-    const {
-      segmentId: i,
-      endOffset: e,
-      style: t
-    } = this._textSelectionManagerService.getActiveRange() ?? {}, n = this._textSelectionManagerService.getSelections();
-    if (i == null && this._logService.error("[DocClipboardController] segmentId is not existed"), !(e == null || n == null)) {
-      this._handleCopy();
-      try {
-        let r = e;
-        for (const o of n) {
-          const { startOffset: a, endOffset: c } = o;
-          a == null || c == null || c <= e && (r -= c - a);
-        }
-        const s = [
-          {
-            startOffset: r,
-            endOffset: r,
-            style: t
-          }
-        ];
-        this._commandService.executeCommand(Ne.id, { segmentId: i, textRanges: s });
-      } catch {
-        this._logService.error("[DocClipboardController] cut content failed");
-      }
-    }
-  }
-};
-Re = ur([
-  F(j.Rendered, Re),
-  ne(0, Xt),
-  ne(1, O),
-  ne(2, y),
-  ne(3, jt),
-  ne(4, w(U)),
-  ne(5, Gt)
-], Re);
-var hr = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, pr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? gr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && hr(e, t, r), r;
-}, Xe = (i, e) => (t, n) => e(t, n, i);
-let xe = class extends me {
-  constructor(i, e, t) {
-    super(), this._docSkeletonManagerService = i, this._renderManagerService = e, this._commandService = t, this._initialRenderRefresh(), this._commandExecutedListener();
+var On = Object.defineProperty, xn = Object.getOwnPropertyDescriptor, bn = (s, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? xn(e, t) : e, i = s.length - 1, o; i >= 0; i--)
+    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && On(e, t, r), r;
+}, $e = (s, e) => (t, n) => e(t, n, s);
+let ue = class extends ee {
+  constructor(s, e, t) {
+    super(), this._docSkeletonManagerService = s, this._renderManagerService = e, this._commandService = t, this._initialRenderRefresh(), this._commandExecutedListener();
   }
   _initialRenderRefresh() {
-    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(ve(this.dispose$)).subscribe((i) => {
-      if (i == null)
+    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(ce(this.dispose$)).subscribe((s) => {
+      if (s == null)
         return;
-      const { skeleton: e, unitId: t } = i, n = this._renderManagerService.getRenderById(t);
+      const { skeleton: e, unitId: t } = s, n = this._renderManagerService.getRenderById(t);
       if (n == null)
         return;
       const { mainComponent: r } = n;
       r.changeSkeleton(e), this._recalculateSizeBySkeleton(n, e);
     });
   }
-  _recalculateSizeBySkeleton(i, e) {
+  _recalculateSizeBySkeleton(s, e) {
     var d;
-    const { mainComponent: t, scene: n } = i, r = t, s = (d = e.getSkeletonData()) == null ? void 0 : d.pages;
-    if (s == null)
+    const { mainComponent: t, scene: n } = s, r = t, i = (d = e.getSkeletonData()) == null ? void 0 : d.pages;
+    if (i == null)
       return;
     let o = 0, a = 0;
-    for (let l = 0, h = s.length; l < h; l++) {
-      const g = s[l], { pageWidth: u, pageHeight: p } = g;
-      r.pageLayoutType === ct.VERTICAL ? (a += p, a += r.pageMarginTop, l === h - 1 && (a += r.pageMarginTop), o = Math.max(o, u)) : r.pageLayoutType === ct.HORIZONTAL && (o += u, l !== h - 1 && (o += r.pageMarginLeft), a = Math.max(a, p));
+    for (let c = 0, u = i.length; c < u; c++) {
+      const h = i[c], { pageWidth: g, pageHeight: f } = h;
+      r.pageLayoutType === Je.VERTICAL ? (a += f, a += r.pageMarginTop, c === u - 1 && (a += r.pageMarginTop), o = Math.max(o, g)) : r.pageLayoutType === Je.HORIZONTAL && (o += g, c !== u - 1 && (o += r.pageMarginLeft), a = Math.max(a, f));
     }
-    r.resize(o, a), [K, J].includes(i.unitId) || n.resize(o, a);
+    r.resize(o, a), [Y, q].includes(s.unitId) || n.resize(o, a);
   }
   _commandExecutedListener() {
-    const i = [_.id], e = [K, J];
+    const s = [L.id], e = [Y, q];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         var n;
-        if (i.includes(t.id)) {
-          const r = t.params, { unitId: s } = r, o = this._docSkeletonManagerService.getSkeletonByUnitId(s);
+        if (s.includes(t.id)) {
+          const r = t.params, { unitId: i } = r, o = this._docSkeletonManagerService.getSkeletonByUnitId(i);
           if (o == null)
             return;
-          const { skeleton: a } = o, c = this._renderManagerService.getRenderById(s);
-          if (c == null)
+          const { skeleton: a } = o, l = this._renderManagerService.getRenderById(i);
+          if (l == null)
             return;
-          if (a.calculate(), e.includes(s)) {
-            (n = c.mainComponent) == null || n.makeDirty();
+          if (a.calculate(), e.includes(i)) {
+            (n = l.mainComponent) == null || n.makeDirty();
             return;
           }
-          this._recalculateSizeBySkeleton(c, a);
+          this._recalculateSizeBySkeleton(l, a);
         }
       })
     );
   }
 };
-xe = pr([
-  F(j.Rendered, xe),
-  Xe(0, w(L)),
-  Xe(1, G),
-  Xe(2, O)
-], xe);
-var fr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, _r = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? mr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && fr(e, t, r), r;
-}, ae = (i, e) => (t, n) => e(t, n, i);
-let Oe = class extends X {
-  constructor(e, t, n, r, s) {
+ue = bn([
+  j(z.Rendered, ue),
+  $e(0, E(B)),
+  $e(1, X),
+  $e(2, b)
+], ue);
+var yn = Object.defineProperty, Tn = Object.getOwnPropertyDescriptor, Dn = (s, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Tn(e, t) : e, i = s.length - 1, o; i >= 0; i--)
+    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && yn(e, t, r), r;
+}, te = (s, e) => (t, n) => e(t, n, s);
+let he = class extends W {
+  constructor(e, t, n, r, i) {
     super();
-    S(this, "_liquid", new on());
-    S(this, "_pageMarginCache", /* @__PURE__ */ new Map());
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._commandService = r, this._floatingObjectManagerService = s, this._initialize(), this._commandExecutedListener();
+    v(this, "_liquid", new $t());
+    v(this, "_pageMarginCache", /* @__PURE__ */ new Map());
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._commandService = r, this._floatingObjectManagerService = i, this._initialize(), this._commandExecutedListener();
   }
   _initialize() {
     this._initialRenderRefresh(), this._updateOnPluginChange();
@@ -1870,17 +1364,17 @@ let Oe = class extends X {
       const t = this._docSkeletonManagerService.getCurrent();
       if (t == null)
         return;
-      const { unitId: n, skeleton: r } = t, s = this._renderManagerService.getRenderById(n);
-      if (s == null)
+      const { unitId: n, skeleton: r } = t, i = this._renderManagerService.getRenderById(n);
+      if (i == null)
         return;
-      const { mainComponent: o, components: a, scene: c } = s, d = o, { left: l, top: h } = d;
-      e.forEach((g) => {
-        const { unitId: u, subUnitId: p, floatingObjectId: f, floatingObject: m } = g, { left: v = 0, top: M = 0, width: b = 0, height: T = 0, angle: C, flipX: x, flipY: P, skewX: B, skewY: k } = m, R = this._pageMarginCache.get(f), z = (R == null ? void 0 : R.marginLeft) || 0, W = (R == null ? void 0 : R.marginTop) || 0;
-        r == null || r.getViewModel().getDataModel().updateDrawing(f, {
-          left: v - l - z,
-          top: M - h - W,
-          height: T,
-          width: b
+      const { mainComponent: o, components: a, scene: l } = i, d = o, { left: c, top: u } = d;
+      e.forEach((h) => {
+        const { unitId: g, subUnitId: f, floatingObjectId: m, floatingObject: p } = h, { left: _ = 0, top: S = 0, width: I = 0, height: R = 0, angle: O, flipX: N, flipY: P, skewX: T, skewY: D } = p, M = this._pageMarginCache.get(m), F = (M == null ? void 0 : M.marginLeft) || 0, $ = (M == null ? void 0 : M.marginTop) || 0;
+        r == null || r.getViewModel().getDataModel().updateDrawing(m, {
+          left: _ - c - F,
+          top: S - u - $,
+          height: R,
+          width: I
         });
       }), r == null || r.calculate(), o == null || o.makeDirty();
     });
@@ -1892,85 +1386,85 @@ let Oe = class extends X {
       const { skeleton: t, unitId: n } = e, r = this._renderManagerService.getRenderById(n);
       if (r == null)
         return;
-      const { mainComponent: s } = r;
-      s.changeSkeleton(t), this._refreshFloatingObject(n, t, r);
+      const { mainComponent: i } = r;
+      i.changeSkeleton(t), this._refreshFloatingObject(n, t, r);
     });
   }
   _commandExecutedListener() {
-    const e = [_.id, Z.id], t = [K, J];
+    const e = [L.id, G.id], t = [Y, q];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((n) => {
         var r;
         if (e.includes(n.id)) {
-          const s = n.params, { unitId: o } = s, a = this._docSkeletonManagerService.getCurrent();
+          const i = n.params, { unitId: o } = i, a = this._docSkeletonManagerService.getCurrent();
           if (a == null)
             return;
-          const { unitId: c, skeleton: d } = a;
-          if (o !== c)
+          const { unitId: l, skeleton: d } = a;
+          if (o !== l)
             return;
-          const l = this._renderManagerService.getRenderById(c);
-          if (l == null)
+          const c = this._renderManagerService.getRenderById(l);
+          if (c == null)
             return;
-          if (t.includes(c)) {
-            (r = l.mainComponent) == null || r.makeDirty();
+          if (t.includes(l)) {
+            (r = c.mainComponent) == null || r.makeDirty();
             return;
           }
-          this._refreshFloatingObject(c, d, l);
+          this._refreshFloatingObject(l, d, c);
         }
       })
     );
   }
   _refreshFloatingObject(e, t, n) {
-    const r = t == null ? void 0 : t.getSkeletonData(), { mainComponent: s, scene: o } = n, a = s;
+    const r = t == null ? void 0 : t.getSkeletonData(), { mainComponent: i, scene: o } = n, a = i;
     if (!r)
       return;
-    const { left: c, top: d, pageLayoutType: l, pageMarginLeft: h, pageMarginTop: g } = a, { pages: u } = r, p = [];
+    const { left: l, top: d, pageLayoutType: c, pageMarginLeft: u, pageMarginTop: h } = a, { pages: g } = r, f = [];
     o.getAncestorScale(), this._liquid.reset(), this._pageMarginCache.clear();
-    for (let f = 0, m = u.length; f < m; f++) {
-      const v = u[f], { skeDrawings: M, marginLeft: b, marginTop: T } = v;
-      this._liquid.translatePagePadding(v), M.forEach((C) => {
-        const { aLeft: x, aTop: P, height: B, width: k, objectId: R } = C;
-        p.push({
+    for (let m = 0, p = g.length; m < p; m++) {
+      const _ = g[m], { skeDrawings: S, marginLeft: I, marginTop: R } = _;
+      this._liquid.translatePagePadding(_), S.forEach((O) => {
+        const { aLeft: N, aTop: P, height: T, width: D, objectId: M } = O;
+        f.push({
           unitId: e,
-          subUnitId: Yt,
-          floatingObjectId: R,
+          subUnitId: bt,
+          floatingObjectId: M,
           floatingObject: {
-            left: x + c + this._liquid.x,
+            left: N + l + this._liquid.x,
             top: P + d + this._liquid.y,
-            width: k,
-            height: B
+            width: D,
+            height: T
           }
-        }), this._pageMarginCache.set(R, {
+        }), this._pageMarginCache.set(M, {
           marginLeft: this._liquid.x,
           marginTop: this._liquid.y
         });
-      }), this._liquid.translatePage(v, l, h, g);
+      }), this._liquid.translatePage(_, c, u, h);
     }
-    this._floatingObjectManagerService.BatchAddOrUpdate(p);
+    this._floatingObjectManagerService.BatchAddOrUpdate(f);
   }
 };
-Oe = _r([
-  F(j.Steady, Oe),
-  ae(0, w(L)),
-  ae(1, y),
-  ae(2, G),
-  ae(3, O),
-  ae(4, qt)
-], Oe);
-var Sr = Object.defineProperty, vr = Object.getOwnPropertyDescriptor, Mr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? vr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Sr(e, t, r), r;
-}, re = (i, e) => (t, n) => e(t, n, i);
-let ye = class extends X {
-  constructor(e, t, n, r, s, o) {
+he = Dn([
+  j(z.Steady, he),
+  te(0, E(B)),
+  te(1, y),
+  te(2, X),
+  te(3, b),
+  te(4, yt)
+], he);
+var Pn = Object.defineProperty, En = Object.getOwnPropertyDescriptor, wn = (s, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? En(e, t) : e, i = s.length - 1, o; i >= 0; i--)
+    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && Pn(e, t, r), r;
+}, ne = (s, e) => (t, n) => e(t, n, s);
+let ge = class extends W {
+  constructor(e, t, n, r, i) {
     super();
-    S(this, "_previousIMEContent", "");
-    S(this, "_previousIMERange");
-    S(this, "_onStartSubscription");
-    S(this, "_onUpdateSubscription");
-    S(this, "_onEndSubscription");
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionRenderManager = r, this._imeInputManagerService = s, this._commandService = o, this._initialize();
+    v(this, "_previousIMEContent", "");
+    v(this, "_isCompositionStart", !0);
+    v(this, "_onStartSubscription");
+    v(this, "_onUpdateSubscription");
+    v(this, "_onEndSubscription");
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._textSelectionRenderManager = n, this._imeInputManagerService = r, this._commandService = i, this._initialize();
   }
   dispose() {
     var e, t, n;
@@ -1984,7 +1478,7 @@ let ye = class extends X {
       if (e == null)
         return;
       const { activeRange: t } = e;
-      t != null && (this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(ie.deepClone(t)), this._previousIMERange = t);
+      t != null && (this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(oe.deepClone(t)), this._isCompositionStart = !0);
     });
   }
   _initialOnCompositionUpdate() {
@@ -1998,100 +1492,86 @@ let ye = class extends X {
     });
   }
   async _updateContent(e, t) {
-    var p;
-    const n = (p = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : p.skeleton;
-    if (this._previousIMERange == null || e == null || n == null)
+    var d;
+    const n = (d = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : d.skeleton;
+    if (e == null || n == null)
       return;
-    const r = this._currentUniverService.getCurrentUniverDocInstance(), { event: s, activeRange: o } = e, { startOffset: a, segmentId: c, style: d } = this._previousIMERange;
+    const r = this._currentUniverService.getCurrentUniverDocInstance(), { event: i, activeRange: o } = e;
     if (n == null || o == null)
       return;
-    const h = s.data;
-    if (h === this._previousIMEContent && t)
-      return;
-    const g = h.length, u = [
-      {
-        startOffset: a + g,
-        endOffset: a + g,
-        style: d
-      }
-    ];
-    await this._commandService.executeCommand(Lt.id, {
+    const l = i.data;
+    l === this._previousIMEContent && t || (await this._commandService.executeCommand(St.id, {
       unitId: r.getUnitId(),
-      newText: h,
+      newText: l,
       oldTextLen: this._previousIMEContent.length,
-      range: this._previousIMERange,
-      textRanges: u,
-      isCompositionEnd: !t,
-      segmentId: c
-    }), t ? (this._previousIMERange.collapsed || (this._previousIMERange.collapsed = !0), this._previousIMEContent = h) : this._resetIME();
+      isCompositionStart: this._isCompositionStart,
+      isCompositionEnd: !t
+    }), t ? (this._isCompositionStart && (this._isCompositionStart = !1), this._previousIMEContent = l) : this._resetIME());
   }
   _resetIME() {
-    this._previousIMEContent = "", this._previousIMERange = null, this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(null);
-  }
-  _getDocObject() {
-    return $e(this._currentUniverService, this._renderManagerService);
+    this._previousIMEContent = "", this._isCompositionStart = !0, this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(null);
   }
 };
-ye = Mr([
-  F(j.Rendered, ye),
-  re(0, w(L)),
-  re(1, y),
-  re(2, G),
-  re(3, Se),
-  re(4, w(rt)),
-  re(5, O)
-], ye);
-var Cr = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, Rr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ir(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Cr(e, t, r), r;
-}, It = (i, e) => (t, n) => e(t, n, i);
-let be = class extends X {
-  constructor(i, e) {
-    super(), this._textSelectionManagerService = i, this._commandService = e, this._commandExecutedListener();
+ge = wn([
+  j(z.Rendered, ge),
+  ne(0, E(B)),
+  ne(1, y),
+  ne(2, ae),
+  ne(3, E(xe)),
+  ne(4, b)
+], ge);
+var Un = Object.defineProperty, Nn = Object.getOwnPropertyDescriptor, An = (s, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Nn(e, t) : e, i = s.length - 1, o; i >= 0; i--)
+    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && Un(e, t, r), r;
+}, at = (s, e) => (t, n) => e(t, n, s);
+let me = class extends W {
+  constructor(s, e) {
+    super(), this._textSelectionManagerService = s, this._commandService = e, this._commandExecutedListener();
   }
   _commandExecutedListener() {
-    const i = [
-      he.id,
-      Ve.id,
-      Fe.id,
-      je.id,
+    const s = [
+      Te.id,
+      De.id,
+      Pe.id,
+      Ee.id,
       Q.id,
-      oe.id,
-      ge.id,
-      pe.id,
-      ke.id
+      we.id,
+      Ue.id,
+      Ne.id,
+      Ae.id
     ];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((e) => {
-        i.includes(e.id) && this._handleInlineFormat(e);
+        s.includes(e.id) && this._handleInlineFormat(e);
       })
     );
   }
-  _handleInlineFormat(i) {
-    const { segmentId: e } = this._textSelectionManagerService.getActiveRange() ?? {};
-    e != null && this._commandService.executeCommand($t.id, {
+  _handleInlineFormat(s) {
+    var t, n;
+    const { segmentId: e } = (t = this._textSelectionManagerService.getActiveRange()) != null ? t : {};
+    e != null && this._commandService.executeCommand(Mt.id, {
       segmentId: e,
-      preCommandId: i.id,
-      ...i.params ?? {}
+      preCommandId: s.id,
+      ...(n = s.params) != null ? n : {}
     });
   }
 };
-be = Rr([
-  F(j.Rendered, be),
-  It(0, w(U)),
-  It(1, O)
-], be);
-var xr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, yr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Or(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && xr(e, t, r), r;
-}, ce = (i, e) => (t, n) => e(t, n, i);
-let Te = class extends X {
-  constructor(e, t, n, r, s) {
+me = An([
+  j(z.Rendered, me),
+  at(0, E(w)),
+  at(1, b)
+], me);
+var Ln = Object.defineProperty, $n = Object.getOwnPropertyDescriptor, Bn = (s, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? $n(e, t) : e, i = s.length - 1, o; i >= 0; i--)
+    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && Ln(e, t, r), r;
+}, re = (s, e) => (t, n) => e(t, n, s);
+let fe = class extends W {
+  constructor(e, t, n, r, i) {
     super();
-    S(this, "_onInputSubscription");
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionManagerService = r, this._commandService = s, this._initialize(), this._commandExecutedListener();
+    v(this, "_onInputSubscription");
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionManagerService = r, this._commandService = i, this._initialize(), this._commandExecutedListener();
   }
   dispose() {
     var e;
@@ -2100,16 +1580,16 @@ let Te = class extends X {
   _initialize() {
   }
   _commandExecutedListener() {
-    const e = [ee.id, te.id];
+    const e = [ze.id, Ve.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (!e.includes(t.id))
           return;
         const n = t.params;
         switch (t.id) {
-          case ee.id:
+          case ze.id:
             return this._handleMoveCursor(n.direction);
-          case te.id:
+          case Ve.id:
             return this._handleShiftMoveSelection(n.direction);
           default:
             throw new Error("Unknown command");
@@ -2118,112 +1598,112 @@ let Te = class extends X {
     );
   }
   _handleShiftMoveSelection(e) {
-    var f;
-    const t = this._textSelectionManagerService.getActiveRange(), n = this._textSelectionManagerService.getSelections(), r = this._currentUniverService.getCurrentUniverDocInstance(), s = (f = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : f.skeleton, o = this._getDocObject();
-    if (t == null || s == null || o == null)
+    var m, p, _;
+    const t = this._textSelectionManagerService.getActiveRange(), n = this._textSelectionManagerService.getSelections(), r = this._currentUniverService.getCurrentUniverDocInstance(), i = (m = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : m.skeleton, o = this._getDocObject();
+    if (t == null || i == null || o == null)
       return;
-    const { startOffset: a, endOffset: c, style: d, collapsed: l, direction: h } = t;
+    const { startOffset: a, endOffset: l, style: d, collapsed: c, direction: u } = t;
     if (n.length > 1) {
-      let m = Number.POSITIVE_INFINITY, v = Number.NEGATIVE_INFINITY;
-      for (const M of n)
-        m = Math.min(m, M.startOffset), v = Math.max(v, M.endOffset);
+      let S = Number.POSITIVE_INFINITY, I = Number.NEGATIVE_INFINITY;
+      for (const R of n)
+        S = Math.min(S, R.startOffset), I = Math.max(I, R.endOffset);
       this._textSelectionManagerService.replaceTextRanges([
         {
-          startOffset: e === D.LEFT || e === D.UP ? v : m,
-          endOffset: e === D.LEFT || e === D.UP ? m : v,
+          startOffset: e === U.LEFT || e === U.UP ? I : S,
+          endOffset: e === U.LEFT || e === U.UP ? S : I,
           style: d
         }
       ]);
       return;
     }
-    const g = l || h === lt.FORWARD ? a : c;
-    let u = l || h === lt.FORWARD ? c : a;
-    const p = r.getBody().dataStream.length ?? Number.POSITIVE_INFINITY;
-    if (e === D.LEFT || e === D.RIGHT) {
-      const m = s.findNodeByCharIndex(u - 1), v = s.findNodeByCharIndex(u);
-      u = e === D.RIGHT ? u + v.count : u - ((m == null ? void 0 : m.count) ?? 0), u = Math.min(p - 2, Math.max(0, u)), this._textSelectionManagerService.replaceTextRanges([
+    const h = c || u === Qe.FORWARD ? a : l;
+    let g = c || u === Qe.FORWARD ? l : a;
+    const f = (p = r.getBody().dataStream.length) != null ? p : Number.POSITIVE_INFINITY;
+    if (e === U.LEFT || e === U.RIGHT) {
+      const S = i.findNodeByCharIndex(g - 1), I = i.findNodeByCharIndex(g);
+      g = e === U.RIGHT ? g + I.count : g - ((_ = S == null ? void 0 : S.count) != null ? _ : 0), g = Math.min(f - 2, Math.max(0, g)), this._textSelectionManagerService.replaceTextRanges([
         {
-          startOffset: g,
-          endOffset: u,
+          startOffset: h,
+          endOffset: g,
           style: d
         }
       ]);
     } else {
-      const m = s.findNodeByCharIndex(u), v = o.document.getOffsetConfig(), M = this._getTopOrBottomPosition(s, m, e === D.DOWN);
-      if (M == null) {
-        const T = e === D.UP ? 0 : p - 2;
-        if (T === u)
+      const S = i.findNodeByCharIndex(g), I = o.document.getOffsetConfig(), R = this._getTopOrBottomPosition(i, S, e === U.DOWN);
+      if (R == null) {
+        const N = e === U.UP ? 0 : f - 2;
+        if (N === g)
           return;
         this._textSelectionManagerService.replaceTextRanges([
           {
-            startOffset: g,
-            endOffset: T,
+            startOffset: h,
+            endOffset: N,
             style: d
           }
         ]);
         return;
       }
-      const b = new dt(v, s).getRangePointData(
-        M,
-        M
+      const O = new et(I, i).getRangePointData(
+        R,
+        R
       ).cursorList[0];
       this._textSelectionManagerService.replaceTextRanges([
         {
-          startOffset: g,
-          endOffset: b.endOffset,
+          startOffset: h,
+          endOffset: O.endOffset,
           style: d
         }
       ]);
     }
   }
   _handleMoveCursor(e) {
-    var g;
-    const t = this._textSelectionManagerService.getActiveRange(), n = this._textSelectionManagerService.getSelections(), r = this._currentUniverService.getCurrentUniverDocInstance(), s = (g = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : g.skeleton, o = this._getDocObject();
-    if (t == null || s == null || o == null || n == null)
+    var h, g, f;
+    const t = this._textSelectionManagerService.getActiveRange(), n = this._textSelectionManagerService.getSelections(), r = this._currentUniverService.getCurrentUniverDocInstance(), i = (h = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : h.skeleton, o = this._getDocObject();
+    if (t == null || i == null || o == null || n == null)
       return;
-    const { startOffset: a, endOffset: c, style: d, collapsed: l } = t, h = r.getBody().dataStream.length ?? Number.POSITIVE_INFINITY;
-    if (e === D.LEFT || e === D.RIGHT) {
-      let u;
+    const { startOffset: a, endOffset: l, style: d, collapsed: c } = t, u = (g = r.getBody().dataStream.length) != null ? g : Number.POSITIVE_INFINITY;
+    if (e === U.LEFT || e === U.RIGHT) {
+      let m;
       if (!t.collapsed || n.length > 1) {
-        let p = Number.POSITIVE_INFINITY, f = Number.NEGATIVE_INFINITY;
-        for (const m of n)
-          p = Math.min(p, m.startOffset), f = Math.max(f, m.endOffset);
-        u = e === D.LEFT ? p : f;
+        let p = Number.POSITIVE_INFINITY, _ = Number.NEGATIVE_INFINITY;
+        for (const S of n)
+          p = Math.min(p, S.startOffset), _ = Math.max(_, S.endOffset);
+        m = e === U.LEFT ? p : _;
       } else {
-        const p = s.findNodeByCharIndex(a - 1), f = s.findNodeByCharIndex(a);
-        e === D.LEFT ? u = Math.max(0, a - ((p == null ? void 0 : p.count) ?? 0)) : u = Math.min(h - 2, c + f.count);
+        const p = i.findNodeByCharIndex(a - 1), _ = i.findNodeByCharIndex(a);
+        e === U.LEFT ? m = Math.max(0, a - ((f = p == null ? void 0 : p.count) != null ? f : 0)) : m = Math.min(u - 2, l + _.count);
       }
       this._textSelectionManagerService.replaceTextRanges([
         {
-          startOffset: u,
-          endOffset: u,
+          startOffset: m,
+          endOffset: m,
           style: d
         }
       ]);
     } else {
-      const u = s.findNodeByCharIndex(a), p = s.findNodeByCharIndex(c), f = o.document.getOffsetConfig(), m = this._getTopOrBottomPosition(
-        s,
-        e === D.UP ? u : p,
-        e === D.DOWN
+      const m = i.findNodeByCharIndex(a), p = i.findNodeByCharIndex(l), _ = o.document.getOffsetConfig(), S = this._getTopOrBottomPosition(
+        i,
+        e === U.UP ? m : p,
+        e === U.DOWN
       );
-      if (m == null) {
-        let M;
-        l ? M = e === D.UP ? 0 : h - 2 : M = e === D.UP ? a : c, this._textSelectionManagerService.replaceTextRanges([
+      if (S == null) {
+        let R;
+        c ? R = e === U.UP ? 0 : u - 2 : R = e === U.UP ? a : l, this._textSelectionManagerService.replaceTextRanges([
           {
-            startOffset: M,
-            endOffset: M,
+            startOffset: R,
+            endOffset: R,
             style: d
           }
         ]);
         return;
       }
-      const v = new dt(f, s).getRangePointData(
-        m,
-        m
+      const I = new et(_, i).getRangePointData(
+        S,
+        S
       ).cursorList[0];
       this._textSelectionManagerService.replaceTextRanges([
         {
-          ...v,
+          ...I,
           style: d
         }
       ]);
@@ -2232,10 +1712,10 @@ let Te = class extends X {
   _getTopOrBottomPosition(e, t, n) {
     if (t == null)
       return;
-    const r = this._getSpanLeftOffsetInLine(t), s = this._getNextOrPrevLine(t, n);
-    if (s == null)
+    const r = this._getSpanLeftOffsetInLine(t), i = this._getNextOrPrevLine(t, n);
+    if (i == null)
       return;
-    const o = this._matchPositionByLeftOffset(e, s, r);
+    const o = this._matchPositionByLeftOffset(e, i, r);
     if (o != null)
       return { ...o, isBack: !0 };
   }
@@ -2250,101 +1730,101 @@ let Te = class extends X {
     const r = {
       distance: Number.POSITIVE_INFINITY
     };
-    for (const s of t.divides) {
-      const o = s.left;
-      for (const a of s.spanGroup) {
-        const { left: c } = a, d = o + c, l = Math.abs(n - d);
-        l < r.distance && (r.span = a, r.distance = l);
+    for (const i of t.divides) {
+      const o = i.left;
+      for (const a of i.spanGroup) {
+        const { left: l } = a, d = o + l, c = Math.abs(n - d);
+        c < r.distance && (r.span = a, r.distance = c);
       }
     }
     if (r.span != null)
       return e.findPositionBySpan(r.span);
   }
   _getNextOrPrevLine(e, t) {
-    var p, f, m, v, M, b, T, C, x, P, B, k;
+    var f, m, p, _, S, I, R, O, N, P, T, D;
     const n = e.parent;
     if (n == null)
       return;
     const r = n.parent;
     if (r == null)
       return;
-    const s = r.parent;
-    if (s == null)
+    const i = r.parent;
+    if (i == null)
       return;
-    const o = s.lines.indexOf(r);
+    const o = i.lines.indexOf(r);
     if (o === -1)
       return;
     let a;
-    if (t === !0 ? a = s.lines[o + 1] : a = s.lines[o - 1], a != null)
+    if (t === !0 ? a = i.lines[o + 1] : a = i.lines[o - 1], a != null)
       return a;
-    const c = s.parent;
-    if (c == null)
+    const l = i.parent;
+    if (l == null)
       return;
-    const d = c.columns.indexOf(s);
+    const d = l.columns.indexOf(i);
     if (d === -1)
       return;
     if (t === !0)
-      a = (p = c.columns[d + 1]) == null ? void 0 : p.lines[0];
+      a = (f = l.columns[d + 1]) == null ? void 0 : f.lines[0];
     else {
-      const R = (m = (f = c.columns) == null ? void 0 : f[d - 1]) == null ? void 0 : m.lines;
-      a = R == null ? void 0 : R[R.length - 1];
+      const M = (p = (m = l.columns) == null ? void 0 : m[d - 1]) == null ? void 0 : p.lines;
+      a = M == null ? void 0 : M[M.length - 1];
     }
     if (a != null)
       return a;
-    const l = c.parent;
-    if (l == null)
+    const c = l.parent;
+    if (c == null)
       return;
-    const h = l.sections.indexOf(c);
-    if (h === -1)
+    const u = c.sections.indexOf(l);
+    if (u === -1)
       return;
     if (t === !0)
-      a = (M = (v = l.sections[h - 1]) == null ? void 0 : v.columns[0]) == null ? void 0 : M.lines[0];
+      a = (S = (_ = c.sections[u - 1]) == null ? void 0 : _.columns[0]) == null ? void 0 : S.lines[0];
     else {
-      const R = (T = (b = l.sections) == null ? void 0 : b[h - 1]) == null ? void 0 : T.columns, z = R == null ? void 0 : R[R.length - 1], W = z == null ? void 0 : z.lines;
-      a = W == null ? void 0 : W[W.length - 1];
+      const M = (R = (I = c.sections) == null ? void 0 : I[u - 1]) == null ? void 0 : R.columns, F = M == null ? void 0 : M[M.length - 1], $ = F == null ? void 0 : F.lines;
+      a = $ == null ? void 0 : $[$.length - 1];
     }
     if (a != null)
       return a;
-    const g = l.parent;
-    if (g == null)
+    const h = c.parent;
+    if (h == null)
       return;
-    const u = g.pages.indexOf(l);
-    if (u !== -1) {
+    const g = h.pages.indexOf(c);
+    if (g !== -1) {
       if (t === !0)
-        a = (P = (x = (C = g.pages[u + 1]) == null ? void 0 : C.sections[0]) == null ? void 0 : x.columns[0]) == null ? void 0 : P.lines[0];
+        a = (P = (N = (O = h.pages[g + 1]) == null ? void 0 : O.sections[0]) == null ? void 0 : N.columns[0]) == null ? void 0 : P.lines[0];
       else {
-        const R = (B = g.pages[u - 1]) == null ? void 0 : B.sections;
-        if (R == null)
+        const M = (T = h.pages[g - 1]) == null ? void 0 : T.sections;
+        if (M == null)
           return;
-        const z = (k = R[R.length - 1]) == null ? void 0 : k.columns, W = z[z.length - 1], ot = W == null ? void 0 : W.lines;
-        a = ot[ot.length - 1];
+        const F = (D = M[M.length - 1]) == null ? void 0 : D.columns, $ = F[F.length - 1], Ye = $ == null ? void 0 : $.lines;
+        a = Ye[Ye.length - 1];
       }
       if (a != null)
         return a;
     }
   }
   _getDocObject() {
-    return $e(this._currentUniverService, this._renderManagerService);
+    return ke(this._currentUniverService, this._renderManagerService);
   }
 };
-Te = yr([
-  F(j.Rendered, Te),
-  ce(0, w(L)),
-  ce(1, y),
-  ce(2, G),
-  ce(3, w(U)),
-  ce(4, O)
-], Te);
-var br = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, Dr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Tr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && br(e, t, r), r;
-}, le = (i, e) => (t, n) => e(t, n, i);
-let De = class extends X {
-  constructor(e, t, n, r, s) {
+fe = Bn([
+  j(z.Rendered, fe),
+  re(0, E(B)),
+  re(1, y),
+  re(2, X),
+  re(3, E(w)),
+  re(4, b)
+], fe);
+var Fn = Object.defineProperty, jn = Object.getOwnPropertyDescriptor, zn = (s, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? jn(e, t) : e, i = s.length - 1, o; i >= 0; i--)
+    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && Fn(e, t, r), r;
+}, ie = (s, e) => (t, n) => e(t, n, s);
+let pe = class extends W {
+  constructor(e, t, n, r, i) {
     super();
-    S(this, "_onInputSubscription");
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionRenderManager = r, this._commandService = s, this._initialize(), this._commandExecutedListener();
+    v(this, "_onInputSubscription");
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = n, this._textSelectionRenderManager = r, this._commandService = i, this._initialize(), this._commandExecutedListener();
   }
   dispose() {
     var e;
@@ -2355,112 +1835,110 @@ let De = class extends X {
   }
   _initialNormalInput() {
     this._onInputSubscription = this._textSelectionRenderManager.onInput$.subscribe(async (e) => {
-      var p;
+      var f;
       if (e == null)
         return;
-      const n = this._currentUniverService.getCurrentUniverDocInstance().getUnitId(), { event: r, content: s = "", activeRange: o } = e, a = r, c = (p = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : p.skeleton;
-      if (a.data == null || c == null || !c || !o)
+      const n = this._currentUniverService.getCurrentUniverDocInstance().getUnitId(), { event: r, content: i = "", activeRange: o } = e, a = r, l = (f = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : f.skeleton;
+      if (a.data == null || l == null || !l || !o)
         return;
-      const { startOffset: d, segmentId: l, style: h } = o, g = s.length, u = [
+      const { startOffset: d, segmentId: c, style: u } = o, h = i.length, g = [
         {
-          startOffset: d + g,
-          endOffset: d + g,
-          style: h
+          startOffset: d + h,
+          endOffset: d + h,
+          style: u
         }
       ];
-      await this._commandService.executeCommand(et.id, {
+      await this._commandService.executeCommand(be.id, {
         unitId: n,
         body: {
-          dataStream: s
+          dataStream: i
         },
         range: o,
-        textRanges: u,
-        segmentId: l
+        textRanges: g,
+        segmentId: c
       });
     });
   }
   _commandExecutedListener() {
   }
   _getDocObject() {
-    return $e(this._currentUniverService, this._renderManagerService);
+    return ke(this._currentUniverService, this._renderManagerService);
   }
 };
-De = Dr([
-  F(j.Rendered, De),
-  le(0, w(L)),
-  le(1, y),
-  le(2, G),
-  le(3, Se),
-  le(4, O)
-], De);
-var Pr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, Ur = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Er(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Pr(e, t, r), r;
-}, Rt = (i, e) => (t, n) => e(t, n, i);
-const wr = "rgba(198, 198, 198, 1)", Nr = "rgba(255, 255, 255, 1)";
-let Pe = class extends X {
-  constructor(i, e) {
-    super(), this._renderManagerService = i, this._currentUniverService = e, this._initialize(), this._commandExecutedListener();
+pe = zn([
+  j(z.Rendered, pe),
+  ie(0, E(B)),
+  ie(1, y),
+  ie(2, X),
+  ie(3, ae),
+  ie(4, b)
+], pe);
+var Vn = Object.defineProperty, kn = Object.getOwnPropertyDescriptor, Hn = (s, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? kn(e, t) : e, i = s.length - 1, o; i >= 0; i--)
+    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && Vn(e, t, r), r;
+}, ct = (s, e) => (t, n) => e(t, n, s);
+const Wn = "rgba(198, 198, 198, 1)", Xn = "rgba(255, 255, 255, 1)";
+let _e = class extends W {
+  constructor(s, e) {
+    super(), this._renderManagerService = s, this._currentUniverService = e, this._initialize(), this._commandExecutedListener();
   }
   _initialize() {
     this._initialRenderRefresh();
   }
   _initialRenderRefresh() {
-    this._renderManagerService.currentRender$.subscribe((i) => {
-      var s;
-      if (i == null || this._currentUniverService.getUniverDocInstance(i) == null)
+    this._renderManagerService.currentRender$.subscribe((s) => {
+      var i;
+      if (s == null || this._currentUniverService.getUniverDocInstance(s) == null)
         return;
-      const e = this._renderManagerService.getRenderById(i);
+      const e = this._renderManagerService.getRenderById(s);
       if (e == null)
         return;
-      const { mainComponent: t } = e, n = t, r = (s = n.getSkeleton()) == null ? void 0 : s.getPageSize();
+      const { mainComponent: t } = e, n = t, r = (i = n.getSkeleton()) == null ? void 0 : i.getPageSize();
       n.onPageRenderObservable.add((o) => {
-        if ([K, J].includes(i))
+        var m, p, _, S;
+        if ([Y, q].includes(s))
           return;
-        const { page: a, pageLeft: c, pageTop: d, ctx: l } = o, { width: h, pageWidth: g, height: u, pageHeight: p } = a;
-        l.save(), l.translate(c - 0.5, d - 0.5), an.drawWith(l, {
-          width: (r == null ? void 0 : r.width) ?? g ?? h,
-          height: (r == null ? void 0 : r.height) ?? p ?? u,
+        const { page: a, pageLeft: l, pageTop: d, ctx: c } = o, { width: u, pageWidth: h, height: g, pageHeight: f } = a;
+        c.save(), c.translate(l - 0.5, d - 0.5), Bt.drawWith(c, {
+          width: (p = (m = r == null ? void 0 : r.width) != null ? m : h) != null ? p : u,
+          height: (S = (_ = r == null ? void 0 : r.height) != null ? _ : f) != null ? S : g,
           strokeWidth: 1,
-          stroke: wr,
-          fill: Nr,
+          stroke: Wn,
+          fill: Xn,
           zIndex: 3
-        }), l.restore();
+        }), c.restore();
       });
     });
   }
   _commandExecutedListener() {
   }
 };
-Pe = Ur([
-  F(j.Rendered, Pe),
-  Rt(0, G),
-  Rt(1, w(y))
-], Pe);
-var Lr = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, $r = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ar(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Lr(e, t, r), r;
-}, q = (i, e) => (t, n) => e(t, n, i);
-let Ee = class extends X {
-  constructor(e, t, n, r, s, o, a) {
+_e = Hn([
+  j(z.Rendered, _e),
+  ct(0, X),
+  ct(1, E(y))
+], _e);
+var Gn = Object.defineProperty, Yn = Object.getOwnPropertyDescriptor, qn = (s, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Yn(e, t) : e, i = s.length - 1, o; i >= 0; i--)
+    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && Gn(e, t, r), r;
+}, Z = (s, e) => (t, n) => e(t, n, s);
+let Se = class extends W {
+  constructor(e, t, n, r, i, o) {
     super();
-    S(this, "_moveInObserver");
-    S(this, "_moveOutObserver");
-    S(this, "_downObserver");
-    S(this, "_dblClickObserver");
-    S(this, "_tripleClickObserver");
-    S(this, "_loadedMap", /* @__PURE__ */ new Set());
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = n, this._renderManagerService = r, this._textSelectionRenderManager = s, this._textSelectionManagerService = o, this._layoutService = a, this._renderManagerService.currentRender$.subscribe((c) => {
-      c != null && this._currentUniverService.getUniverDocInstance(c) != null && (this._loadedMap.has(c) || (this._initialMain(c), this._loadedMap.add(c)));
+    v(this, "_moveInObserver");
+    v(this, "_moveOutObserver");
+    v(this, "_downObserver");
+    v(this, "_dblClickObserver");
+    v(this, "_tripleClickObserver");
+    v(this, "_loadedMap", /* @__PURE__ */ new Set());
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = n, this._renderManagerService = r, this._textSelectionRenderManager = i, this._textSelectionManagerService = o, this._renderManagerService.currentRender$.subscribe((a) => {
+      a != null && this._currentUniverService.getUniverDocInstance(a) != null && (this._loadedMap.has(a) || (this._initialMain(a), this._loadedMap.add(a)));
     }), this._initialize();
   }
   _initialize() {
-    this._skeletonListener(), this._commandExecutedListener(), this._layoutService && this.disposeWithMe(
-      // the content editable div should be regarded as part of the applications container
-      this._layoutService.registerContainer(this._textSelectionRenderManager.__getEditorContainer())
-    );
+    this._skeletonListener(), this._commandExecutedListener();
   }
   dispose() {
     this._renderManagerService.getRenderAll().forEach((e) => {
@@ -2474,25 +1952,25 @@ let Ee = class extends X {
       return;
     const { document: n, scene: r } = t;
     this._moveInObserver = n.onPointerEnterObserver.add(() => {
-      n.cursor = ut.TEXT;
+      n.cursor = tt.TEXT;
     }), this._moveOutObserver = n.onPointerLeaveObserver.add(() => {
-      n.cursor = ut.DEFAULT, r.resetCursor();
-    }), this._downObserver = n == null ? void 0 : n.onPointerDownObserver.add((s, o) => {
-      this._currentUniverService.getCurrentUniverDocInstance().getUnitId() !== e && this._currentUniverService.setCurrentUniverDocInstance(e), this._textSelectionRenderManager.eventTrigger(s), s.button !== 2 && o.stopPropagation();
-    }), this._dblClickObserver = n == null ? void 0 : n.onDblclickObserver.add((s) => {
-      this._textSelectionRenderManager.handleDblClick(s);
-    }), this._tripleClickObserver = n == null ? void 0 : n.onTripleClickObserver.add((s) => {
-      this._textSelectionRenderManager.handleTripleClick(s);
+      n.cursor = tt.DEFAULT, r.resetCursor();
+    }), this._downObserver = n == null ? void 0 : n.onPointerDownObserver.add((i, o) => {
+      this._currentUniverService.getCurrentUniverDocInstance().getUnitId() !== e && this._currentUniverService.setCurrentUniverDocInstance(e), this._textSelectionRenderManager.eventTrigger(i), i.button !== 2 && o.stopPropagation();
+    }), this._dblClickObserver = n == null ? void 0 : n.onDblclickObserver.add((i) => {
+      this._textSelectionRenderManager.handleDblClick(i);
+    }), this._tripleClickObserver = n == null ? void 0 : n.onTripleClickObserver.add((i) => {
+      this._textSelectionRenderManager.handleTripleClick(i);
     });
   }
   _commandExecutedListener() {
-    const e = [Z.id];
+    const e = [G.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         var n;
         if (e.includes(t.id)) {
-          const r = t.params, { unitId: s } = r, o = (n = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : n.unitId;
-          if (s !== o)
+          const r = t.params, { unitId: i } = r, o = (n = this._textSelectionManagerService.getCurrentSelection()) == null ? void 0 : n.unitId;
+          if (i !== o)
             return;
           this._textSelectionManagerService.refreshSelection();
         }
@@ -2506,37 +1984,36 @@ let Ee = class extends X {
       const { unitId: t, skeleton: n } = e, r = this._renderManagerService.getRenderById(t);
       if (r == null)
         return;
-      const { scene: s, mainComponent: o } = r;
-      this._textSelectionRenderManager.changeRuntime(n, s, o), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
+      const { scene: i, mainComponent: o } = r;
+      this._textSelectionRenderManager.changeRuntime(n, i, o), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
         unitId: t,
         subUnitId: ""
       });
     });
   }
   _getDocObjectById(e) {
-    return xn(e, this._renderManagerService);
+    return Wt(e, this._renderManagerService);
   }
 };
-Ee = $r([
-  F(j.Rendered, Ee),
-  q(0, w(L)),
-  q(1, y),
-  q(2, O),
-  q(3, G),
-  q(4, Se),
-  q(5, w(U)),
-  q(6, In(vn))
-], Ee);
-var Br = Object.defineProperty, Vr = Object.getOwnPropertyDescriptor, Fr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Vr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Br(e, t, r), r;
-}, de = (i, e) => (t, n) => e(t, n, i);
-let Ue = class extends X {
-  constructor(e, t, n, r, s) {
+Se = qn([
+  j(z.Rendered, Se),
+  Z(0, E(B)),
+  Z(1, y),
+  Z(2, b),
+  Z(3, X),
+  Z(4, ae),
+  Z(5, E(w))
+], Se);
+var Zn = Object.defineProperty, Kn = Object.getOwnPropertyDescriptor, Jn = (s, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Kn(e, t) : e, i = s.length - 1, o; i >= 0; i--)
+    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && Zn(e, t, r), r;
+}, se = (s, e) => (t, n) => e(t, n, s);
+let ve = class extends W {
+  constructor(e, t, n, r, i) {
     super();
-    S(this, "_initializedRender", /* @__PURE__ */ new Set());
-    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = n, this._renderManagerService = r, this._textSelectionManagerService = s, this._initialize();
+    v(this, "_initializedRender", /* @__PURE__ */ new Set());
+    this._docSkeletonManagerService = e, this._currentUniverService = t, this._commandService = n, this._renderManagerService = r, this._textSelectionManagerService = i, this._initialize();
   }
   dispose() {
     super.dispose();
@@ -2549,24 +2026,24 @@ let Ue = class extends X {
       if (e == null)
         return;
       const { unitId: t } = e, n = this._renderManagerService.getRenderById(t);
-      if (n == null || this._initializedRender.has(t) || [K, J].includes(t))
+      if (n == null || this._initializedRender.has(t) || [Y, q].includes(t))
         return;
       this._initializedRender.add(t);
       const { scene: r } = n;
       this.disposeWithMe(
-        qe(
-          r.onMouseWheelObserver.add((s) => {
-            if (!s.ctrlKey)
+        Ke(
+          r.onMouseWheelObserver.add((i) => {
+            if (!i.ctrlKey)
               return;
-            const o = Math.abs(s.deltaX);
+            const o = Math.abs(i.deltaX);
             let a = o < 40 ? 0.2 : o < 80 ? 0.4 : 0.2;
-            a *= s.deltaY > 0 ? -1 : 1, r.scaleX < 1 && (a /= 2);
-            const c = this._currentUniverService.getCurrentUniverDocInstance(), d = c.zoomRatio;
-            let l = +parseFloat(`${d + a}`).toFixed(1);
-            l = l >= 4 ? 4 : l <= 0.1 ? 0.1 : l, this._commandService.executeCommand(Vt.id, {
-              zoomRatio: l,
-              unitId: c.getUnitId()
-            }), s.preventDefault();
+            a *= i.deltaY > 0 ? -1 : 1, r.scaleX < 1 && (a /= 2);
+            const l = this._currentUniverService.getCurrentUniverDocInstance(), d = l.zoomRatio;
+            let c = +Number.parseFloat(`${d + a}`).toFixed(1);
+            c = c >= 4 ? 4 : c <= 0.1 ? 0.1 : c, this._commandService.executeCommand(Ct.id, {
+              zoomRatio: c,
+              unitId: l.getUnitId()
+            }), i.preventDefault();
           })
         )
       );
@@ -2581,7 +2058,7 @@ let Ue = class extends X {
   // }
   _skeletonListener() {
     this.disposeWithMe(
-      qe(
+      Ke(
         this._docSkeletonManagerService.currentSkeletonBefore$.subscribe((e) => {
           if (e == null)
             return;
@@ -2592,12 +2069,12 @@ let Ue = class extends X {
     );
   }
   _commandExecutedListener() {
-    const e = [Z.id];
+    const e = [G.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (e.includes(t.id)) {
-          const n = this._currentUniverService.getCurrentUniverDocInstance(), r = t.params, { unitId: s } = r;
-          if (s !== n.getUnitId())
+          const n = this._currentUniverService.getCurrentUniverDocInstance(), r = t.params, { unitId: i } = r;
+          if (i !== n.getUnitId())
             return;
           const o = n.zoomRatio || 1;
           this._updateViewZoom(o);
@@ -2611,123 +2088,50 @@ let Ue = class extends X {
     n != null && (n.scene.scale(e, e), this._calculatePagePosition(n, e), t && this._textSelectionManagerService.refreshSelection(), (r = n.scene.getTransformer()) == null || r.hideControl());
   }
   _calculatePagePosition(e, t) {
-    const { document: n, scene: r } = e, s = r == null ? void 0 : r.getParent(), { width: o, height: a, pageMarginLeft: c, pageMarginTop: d } = n;
-    if (s == null || o === 1 / 0 || a === 1 / 0)
+    const { document: n, scene: r } = e, i = r == null ? void 0 : r.getParent(), { width: o, height: a, pageMarginLeft: l, pageMarginTop: d } = n;
+    if (i == null || o === Number.POSITIVE_INFINITY || a === Number.POSITIVE_INFINITY)
       return;
-    const { width: l, height: h } = s;
-    let g = 0, u = 0, p = 0, f = 0, m = 1 / 0;
-    l > (o + c * 2) * t ? (g = l / 2 - o * t / 2, g /= t, p = (l - c * 2) / t, m = 0) : (g = c, p = o + c * 2, m = (p - l / t) / 2), h > a ? (u = h / 2 - a / 2, f = (h - d * 2) / t) : (u = d, f = a + d * 2), r.resize(p, f + 200), n.translate(g, u);
-    const v = r.getViewport(Qe.VIEW_MAIN);
-    if (m !== 1 / 0 && v != null) {
-      const M = v.getBarScroll(m, 0).x;
-      v.scrollTo({
-        x: M
+    const { width: c, height: u } = i;
+    let h = 0, g = 0, f = 0, m = 0, p = Number.POSITIVE_INFINITY;
+    c > (o + l * 2) * t ? (h = c / 2 - o * t / 2, h /= t, f = (c - l * 2) / t, p = 0) : (h = l, f = o + l * 2, p = (f - c / t) / 2), u > a ? (g = u / 2 - a / 2, m = (u - d * 2) / t) : (g = d, m = a + d * 2), r.resize(f, m + 200), n.translate(h, g);
+    const _ = r.getViewport(He.VIEW_MAIN);
+    if (p !== Number.POSITIVE_INFINITY && _ != null) {
+      const S = _.getBarScroll(p, 0).x;
+      _.scrollTo({
+        x: S
       });
     }
     return this;
   }
   _getDocObject() {
-    return $e(this._currentUniverService, this._renderManagerService);
+    return ke(this._currentUniverService, this._renderManagerService);
   }
 };
-Ue = Fr([
-  F(j.Rendered, Ue),
-  de(0, w(L)),
-  de(1, y),
-  de(2, O),
-  de(3, G),
-  de(4, w(U))
-], Ue);
-const jr = {
-  id: Et.id,
-  preconditions: (i) => i.getContextValue(N),
-  binding: $.ENTER
-}, kr = {
-  id: Ut.id,
-  preconditions: (i) => i.getContextValue(N),
-  binding: $.BACKSPACE
-}, zr = {
-  id: wt.id,
-  preconditions: (i) => i.getContextValue(N),
-  binding: $.DELETE
-}, Wr = {
-  id: ee.id,
-  binding: $.ARROW_UP,
-  preconditions: (i) => i.getContextValue(N),
-  staticParameters: {
-    direction: D.UP
-  }
-}, Hr = {
-  id: ee.id,
-  binding: $.ARROW_DOWN,
-  preconditions: (i) => i.getContextValue(N),
-  staticParameters: {
-    direction: D.DOWN
-  }
-}, Xr = {
-  id: ee.id,
-  binding: $.ARROW_LEFT,
-  preconditions: (i) => i.getContextValue(N),
-  staticParameters: {
-    direction: D.LEFT
-  }
-}, Gr = {
-  id: ee.id,
-  binding: $.ARROW_RIGHT,
-  preconditions: (i) => i.getContextValue(N),
-  staticParameters: {
-    direction: D.RIGHT
-  }
-}, Yr = {
-  id: te.id,
-  binding: $.ARROW_UP | Me.SHIFT,
-  preconditions: (i) => i.getContextValue(N),
-  staticParameters: {
-    direction: D.UP
-  }
-}, qr = {
-  id: te.id,
-  binding: $.ARROW_DOWN | Me.SHIFT,
-  preconditions: (i) => i.getContextValue(N),
-  staticParameters: {
-    direction: D.DOWN
-  }
-}, Zr = {
-  id: te.id,
-  binding: $.ARROW_LEFT | Me.SHIFT,
-  preconditions: (i) => i.getContextValue(N),
-  staticParameters: {
-    direction: D.LEFT
-  }
-}, Kr = {
-  id: te.id,
-  binding: $.ARROW_RIGHT | Me.SHIFT,
-  preconditions: (i) => i.getContextValue(N),
-  staticParameters: {
-    direction: D.RIGHT
-  }
-}, Jr = {
-  id: Ft.id,
-  binding: $.A | Me.CTRL_COMMAND,
-  preconditions: (i) => i.getContextValue(N) || i.getContextValue(_e)
-};
-var Qr = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, ti = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? ei(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Qr(e, t, r), r;
-}, Ce = (i, e) => (t, n) => e(t, n, i);
-let we = class extends me {
+ve = Jn([
+  j(z.Rendered, ve),
+  se(0, E(B)),
+  se(1, y),
+  se(2, b),
+  se(3, X),
+  se(4, E(w))
+], ve);
+var Qn = Object.defineProperty, er = Object.getOwnPropertyDescriptor, tr = (s, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? er(e, t) : e, i = s.length - 1, o; i >= 0; i--)
+    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && Qn(e, t, r), r;
+}, le = (s, e) => (t, n) => e(t, n, s);
+let Me = class extends ee {
   constructor(e, t, n, r) {
     super();
-    S(this, "_scene");
-    S(this, "_currentDocumentModel");
-    S(this, "_loadedMap", /* @__PURE__ */ new Set());
-    S(this, "_fps$", new ue(""));
-    S(this, "fps$", this._fps$.asObservable());
+    v(this, "_scene");
+    v(this, "_currentDocumentModel");
+    v(this, "_loadedMap", /* @__PURE__ */ new Set());
+    v(this, "_fps$", new K(""));
+    v(this, "fps$", this._fps$.asObservable());
     this._renderManagerService = e, this._configService = t, this._currentUniverService = n, this._docViewModelManagerService = r, this._initialize();
   }
   _initialize() {
-    this._currentUniverService.currentDoc$.pipe(ve(this.dispose$)).subscribe((e) => {
+    this._currentUniverService.currentDoc$.pipe(ce(this.dispose$)).subscribe((e) => {
       if (e == null)
         return;
       this._currentDocumentModel = e;
@@ -2743,114 +2147,99 @@ let we = class extends me {
     if (n != null && r != null)
       throw new Error("container or parentRenderUnitId can only exist one");
     n == null && r != null ? this._renderManagerService.createRenderWithParent(t, r) : this._renderManagerService.createRender(t);
-    const s = this._renderManagerService.getRenderById(t);
-    if (s == null)
+    const i = this._renderManagerService.getRenderById(t);
+    if (i == null)
       return;
-    const { scene: o, engine: a } = s;
+    const { scene: o, engine: a } = i;
     o.openTransformer(), this._scene = o;
-    const c = new cn(Qe.VIEW_MAIN, o, {
+    const l = new Ft(He.VIEW_MAIN, o, {
       left: 0,
       top: 0,
       bottom: 0,
       right: 0,
       isWheelPreventDefaultX: !0
     });
-    o.attachControl(), o.on(ln.wheel, (h, g) => {
-      const u = h;
-      if (u.ctrlKey) {
-        const p = Math.abs(u.deltaX);
-        let f = p < 40 ? 0.2 : p < 80 ? 0.4 : 0.2;
-        f *= u.deltaY > 0 ? -1 : 1, o.scaleX < 1 && (f /= 2), o.scaleX + f > 4 ? o.scale(4, 4) : o.scaleX + f < 0.1 ? o.scale(0.1, 0.1) : u.preventDefault();
+    o.attachControl(), o.on(jt.wheel, (u, h) => {
+      const g = u;
+      if (g.ctrlKey) {
+        const f = Math.abs(g.deltaX);
+        let m = f < 40 ? 0.2 : f < 80 ? 0.4 : 0.2;
+        m *= g.deltaY > 0 ? -1 : 1, o.scaleX < 1 && (m /= 2), o.scaleX + m > 4 ? o.scale(4, 4) : o.scaleX + m < 0.1 ? o.scale(0.1, 0.1) : g.preventDefault();
       } else
-        c.onMouseWheel(u, g);
-    }), this._configService.getConfig("hasScroll") !== !1 && t !== J && new dn(c), o.addLayer(
-      new ht(o, [], gt),
-      new ht(o, [], On)
-    ), this._addComponent(s), this._currentDocumentModel.getShouldRenderLoopImmediately() && a.runRenderLoop(() => {
+        l.onMouseWheel(g, h);
+    }), this._configService.getConfig("hasScroll") !== !1 && t !== q && new zt(l), o.addLayer(
+      new nt(o, [], rt),
+      new nt(o, [], Xt)
+    ), this._addComponent(i), this._currentDocumentModel.getShouldRenderLoopImmediately() && a.runRenderLoop(() => {
       o.render(), this._fps$.next(Math.round(a.getFps()).toString());
     }), this._renderManagerService.setCurrent(t);
   }
   _addComponent(e) {
-    const t = this._scene, n = this._currentDocumentModel, r = new un(Ze.MAIN, void 0, {
+    const t = this._scene, n = this._currentDocumentModel, r = new Vt(je.MAIN, void 0, {
       pageMarginLeft: n.documentStyle.marginLeft || 0,
       pageMarginTop: n.documentStyle.marginTop || 0
     });
-    r.zIndex = yn, e.mainComponent = r, e.components.set(Ze.MAIN, r), t.addObjects([r], gt);
+    r.zIndex = Gt, e.mainComponent = r, e.components.set(je.MAIN, r), t.addObjects([r], rt);
   }
 };
-we = ti([
-  F(j.Ready, we),
-  Ce(0, G),
-  Ce(1, Tt),
-  Ce(2, y),
-  Ce(3, w(se))
-], we);
-var ni = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, ii = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? ri(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && ni(e, t, r), r;
-}, Ie = (i, e) => (t, n) => e(t, n, i);
-const si = {
+Me = tr([
+  j(z.Ready, Me),
+  le(0, X),
+  le(1, gt),
+  le(2, y),
+  le(3, E(J))
+], Me);
+var nr = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, ir = (s, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? rr(e, t) : e, i = s.length - 1, o; i >= 0; i--)
+    (o = s[i]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && nr(e, t, r), r;
+}, de = (s, e) => (t, n) => e(t, n, s);
+const sr = {
   hasScroll: !0
-}, oi = "docs";
-var Ge;
-let xt = (Ge = class extends Zt {
-  constructor(e = {}, t, n, r, s) {
-    super(oi);
-    S(this, "_config");
-    this._injector = t, this._localeService = n, this._configService = r, this._currentUniverService = s, this._config = Object.assign(si, e), this._initializeDependencies(t), this._initializeCommands();
+}, or = "docs";
+var Be;
+let lt = (Be = class extends Tt {
+  constructor(e = {}, t, n, r, i) {
+    super(or);
+    v(this, "_config");
+    this._injector = t, this._localeService = n, this._configService = r, this._currentUniverService = i, this._config = Object.assign(sr, e), this._initializeDependencies(t), this._initializeCommands();
   }
   initialize() {
   }
   _initializeCommands() {
     [
-      ee,
-      te,
-      Ut,
-      wt,
-      he,
+      ze,
       Ve,
-      Fe,
-      je,
+      hn,
+      gn,
+      Te,
+      De,
+      Pe,
+      Ee,
       Q,
-      oe,
-      ge,
-      pe,
-      ke,
-      $t,
-      Et,
-      et,
-      tt,
-      Pt,
-      Lt,
-      nt,
-      _,
-      Hn,
-      Xn,
-      Vt,
-      Z,
-      Dt,
-      Ft,
-      zn,
-      kn,
-      it
+      we,
+      Ue,
+      Ne,
+      Ae,
+      Mt,
+      an,
+      be,
+      ye,
+      ft,
+      St,
+      Xe,
+      L,
+      Mn,
+      In,
+      Ct,
+      G,
+      mt,
+      Rn,
+      Sn,
+      _n,
+      Ge
     ].forEach((e) => {
-      this._injector.get(O).registerCommand(e);
-    }), [
-      Wr,
-      Hr,
-      Gr,
-      Xr,
-      Yr,
-      qr,
-      Zr,
-      Kr,
-      Jr,
-      kr,
-      zr,
-      jr
-    ].forEach((e) => {
-      this._injector.get(Mn).registerShortcut(e);
+      this._injector.get(b).registerCommand(e);
     });
   }
   onReady() {
@@ -2863,83 +2252,80 @@ let xt = (Ge = class extends Zt {
       //     { useFactory: () => docInjector.createInstance(CanvasView, this._config.standalone ?? true) },
       // ], // FIXME: CanvasView shouldn't be a dependency of UniverDocs. Because it maybe created dynamically.
       //views
-      [we],
+      [Me],
       // services
-      [L],
-      [se],
-      [rt],
-      [
-        jt,
-        {
-          useClass: Je
-        }
-      ],
+      [B],
+      [J],
+      [Ce],
+      [xe],
       [
-        Se,
+        ae,
         {
-          useClass: hn
+          useClass: kt
         }
       ],
-      [U],
+      [w],
       // controllers
-      [xe],
-      [Pe],
-      [Ee],
-      [De],
-      [ye],
-      [be],
-      [Re],
-      [Te],
-      [Ue],
-      [Oe]
+      [ue],
+      [_e],
+      [Se],
+      [pe],
+      [ge],
+      [me],
+      [fe],
+      [ve],
+      [he]
     ].forEach((t) => e.add(t));
   }
-}, S(Ge, "type", Kt.Doc), Ge);
-xt = ii([
-  Ie(1, w(Rn)),
-  Ie(2, w(Ot)),
-  Ie(3, Tt),
-  Ie(4, y)
-], xt);
+}, v(Be, "type", Dt.Doc), Be);
+lt = ir([
+  de(1, E(Ht)),
+  de(2, E(dt)),
+  de(3, gt),
+  de(4, y)
+], lt);
 export {
-  Et as BreakLineCommand,
-  kn as BulletListCommand,
-  Xn as CoverContentCommand,
-  yn as DOCS_COMPONENT_DEFAULT_Z_INDEX,
-  On as DOCS_COMPONENT_HEADER_LAYER_INDEX,
-  gt as DOCS_COMPONENT_MAIN_LAYER_INDEX,
-  Ze as DOCS_VIEW_KEY,
-  tt as DeleteCommand,
-  Ut as DeleteLeftCommand,
-  wt as DeleteRightCommand,
-  we as DocCanvasView,
-  ze as DocCopyCommand,
-  We as DocCutCommand,
-  He as DocPasteCommand,
-  L as DocSkeletonManagerService,
-  se as DocViewModelManagerService,
-  Lt as IMEInputCommand,
-  et as InsertCommand,
-  ee as MoveCursorOperation,
-  te as MoveSelectionOperation,
-  gi as NORMAL_TEXT_SELECTION_PLUGIN_NAME,
-  zn as OrderListCommand,
-  Hn as ReplaceContentCommand,
-  _ as RichTextEditingMutation,
-  he as SetInlineFormatBoldCommand,
-  $t as SetInlineFormatCommand,
-  pe as SetInlineFormatFontFamilyCommand,
-  ge as SetInlineFormatFontSizeCommand,
-  Ve as SetInlineFormatItalicCommand,
-  je as SetInlineFormatStrikethroughCommand,
+  an as BreakLineCommand,
+  _n as BulletListCommand,
+  In as CoverContentCommand,
+  pt as CutContentCommand,
+  Gt as DOCS_COMPONENT_DEFAULT_Z_INDEX,
+  Xt as DOCS_COMPONENT_HEADER_LAYER_INDEX,
+  rt as DOCS_COMPONENT_MAIN_LAYER_INDEX,
+  je as DOCS_VIEW_KEY,
+  ye as DeleteCommand,
+  hn as DeleteLeftCommand,
+  gn as DeleteRightCommand,
+  Me as DocCanvasView,
+  B as DocSkeletonManagerService,
+  Ce as DocStateChangeManagerService,
+  J as DocViewModelManagerService,
+  St as IMEInputCommand,
+  xe as IMEInputManagerService,
+  gr as InnerPasteCommand,
+  be as InsertCommand,
+  ze as MoveCursorOperation,
+  Ve as MoveSelectionOperation,
+  hr as NORMAL_TEXT_SELECTION_PLUGIN_NAME,
+  Sn as OrderListCommand,
+  Mn as ReplaceContentCommand,
+  L as RichTextEditingMutation,
+  Rn as SelectAllOperation,
+  Te as SetInlineFormatBoldCommand,
+  Mt as SetInlineFormatCommand,
+  Ne as SetInlineFormatFontFamilyCommand,
+  Ue as SetInlineFormatFontSizeCommand,
+  De as SetInlineFormatItalicCommand,
+  Ee as SetInlineFormatStrikethroughCommand,
   Q as SetInlineFormatSubscriptCommand,
-  oe as SetInlineFormatSuperscriptCommand,
-  ke as SetInlineFormatTextColorCommand,
-  Fe as SetInlineFormatUnderlineCommand,
-  Dt as SetTextSelectionsOperation,
-  U as TextSelectionManagerService,
-  xt as UniverDocsPlugin,
-  Pt as UpdateCommand,
-  Qe as VIEWPORT_KEY,
-  $e as getDocObject
+  we as SetInlineFormatSuperscriptCommand,
+  Ae as SetInlineFormatTextColorCommand,
+  Pe as SetInlineFormatUnderlineCommand,
+  mt as SetTextSelectionsOperation,
+  w as TextSelectionManagerService,
+  lt as UniverDocsPlugin,
+  ft as UpdateCommand,
+  He as VIEWPORT_KEY,
+  ke as getDocObject,
+  Ie as serializeTextRange
 };