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

package/lib/es/index.js

@@ -1,12 +1,12 @@
-var Ft = Object.defineProperty;
-var kt = (i, e, t) => e in i ? Ft(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var S = (i, e, t) => (kt(i, typeof e != "symbol" ? e + "" : e, t), t);
-import { CommandType as R, RxDisposable as me, ICommandService as x, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Z, IUniverInstanceService as O, IUndoRedoService as N, DataStreamTreeTokenType as Xe, Tools as re, FOCUSING_DOC as w, FOCUSING_EDITOR as fe, LocaleService as xt, MemoryCursor as Ae, getDocsUpdateBody as zt, UpdateDocsAttributeType as Ot, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as K, BooleanNumber as D, BaselineOffset as j, PresetListType as yt, LRUMap as Wt, ColorKit as ot, Disposable as W, toDisposable as qe, OnLifecycle as V, LifecycleStages as F, ILogService as Ht, IContextService as Gt, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as Xt, IFloatingObjectManagerService as qt, Direction as b, IConfigService as bt, Plugin as Yt, PluginType as Zt } from "@univerjs/core";
-import { NORMAL_TEXT_SELECTION_PLUGIN_STYLE as Kt, ITextSelectionRenderManager as _e, DocumentViewModel as Jt, DocumentSkeleton as Qt, hasListSpan as en, isIndentBySpan as tn, isFirstSpan as nn, getParagraphBySpan as rn, PageLayoutType as at, IRenderManagerService as H, Liquid as sn, RANGE_DIRECTION as ct, NodePositionConvertToCursor as lt, Rect as on, CURSOR_TYPE as dt, Viewport as an, EVENT_TYPE as cn, ScrollBar as ln, Layer as ut, Documents as dn, TextSelectionRenderManager as un } from "@univerjs/engine-render";
-import { BehaviorSubject as de, takeUntil as Se } from "rxjs";
-import { CopyCommand as hn, CutCommand as pn, PasteCommand as gn, PLAIN_TEXT_CLIPBOARD_MIME_TYPE as mn, HTML_CLIPBOARD_MIME_TYPE as fn, IClipboardInterfaceService as _n, LayoutService as Sn, KeyCode as $, MetaKeys as ve, IShortcutService as vn } from "@univerjs/ui";
-import { Inject as U, createIdentifier as Mn, Optional as Cn, Injector as Rn } from "@wendellhu/redi";
-function Ne(i, e) {
+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);
   if (r == null)
     return;
@@ -17,7 +17,7 @@ function Ne(i, e) {
     engine: a
   };
 }
-function In(i, e) {
+function xn(i, e) {
   const t = e.getRenderById(i);
   if (t == null)
     return;
@@ -28,18 +28,18 @@ function In(i, e) {
     engine: s
   };
 }
-var Ye = /* @__PURE__ */ ((i) => (i.MAIN = "__Document_Render_Main__", i))(Ye || {}), Je = /* @__PURE__ */ ((i) => (i.VIEW_MAIN = "viewMain", i.VIEW_TOP = "viewTop", i.VIEW_LEFT = "viewLeft", i.VIEW_LEFT_TOP = "viewLeftTop", i))(Je || {});
-const ht = 0, xn = 2, On = 10, hi = "normalTextSelectionPluginName", Dt = {
+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 = {
   id: "doc.operation.set-selections",
-  type: R.OPERATION,
+  type: I.OPERATION,
   handler: (i, e) => !0
 };
-var yn = Object.defineProperty, bn = Object.getOwnPropertyDescriptor, Dn = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? bn(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+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 && yn(e, t, r), r;
+  return n && r && bn(e, t, r), r;
 }, pt = (i, e) => (t, n) => e(t, n, i);
-function gt(i) {
+function ft(i) {
   const { startOffset: e, endOffset: t, collapsed: n } = i;
   return {
     startOffset: e,
@@ -47,12 +47,12 @@ function gt(i) {
     collapsed: n
   };
 }
-let P = class extends me {
+let U = class extends me {
   constructor(e, t) {
     super();
     S(this, "_currentSelection", null);
     S(this, "_textSelectionInfo", /* @__PURE__ */ new Map());
-    S(this, "_textSelection$", new de(null));
+    S(this, "_textSelection$", new ue(null));
     S(this, "textSelection$", this._textSelection$.asObservable());
     this._textSelectionRenderManager = e, this._commandService = t, this._syncSelectionFromRenderService();
   }
@@ -84,17 +84,17 @@ let P = class extends me {
     const e = this._getTextRanges(this._currentSelection);
     if (e == null)
       return;
-    const { textRanges: t, segmentId: n, style: r } = e, s = t.find((h) => h.isActive());
+    const { textRanges: t, segmentId: n, style: r } = e, s = t.find((g) => g.isActive());
     if (s == null)
       return null;
-    const { startOffset: o, endOffset: a, collapsed: c, startNodePosition: d, endNodePosition: l, direction: p } = s;
+    const { startOffset: o, endOffset: a, collapsed: c, startNodePosition: d, endNodePosition: l, direction: h } = s;
     return o == null || a == null ? null : {
       startOffset: o,
       endOffset: a,
       collapsed: c,
       startNodePosition: d,
       endNodePosition: l,
-      direction: p,
+      direction: h,
       segmentId: n,
       style: r
     };
@@ -105,7 +105,7 @@ let P = class extends me {
       ...this._currentSelection,
       textRanges: e,
       segmentId: "",
-      style: Kt
+      style: Jt
       // mock style.
     });
   }
@@ -114,7 +114,7 @@ let P = class extends me {
   }
   // All textRanges should be synchronized from the render layer.
   _syncSelectionFromRenderService() {
-    this._textSelectionRenderManager.textSelectionInner$.pipe(Se(this.dispose$)).subscribe((e) => {
+    this._textSelectionRenderManager.textSelectionInner$.pipe(ve(this.dispose$)).subscribe((e) => {
       e != null && this._replaceTextRangesWithNoRefresh(e);
     });
   }
@@ -132,7 +132,7 @@ let P = class extends me {
       subUnitId: r,
       segmentId: s,
       style: o,
-      ranges: a.map(gt)
+      ranges: a.map(ft)
     });
   }
   _getTextRanges(e) {
@@ -144,7 +144,7 @@ let P = 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(gt));
+    this._textSelectionRenderManager.removeAllTextRanges(), t && Array.isArray(t.textRanges) && t.textRanges.length && this._textSelectionRenderManager.addTextRanges(t.textRanges.map(ft));
   }
   _replaceByParam(e) {
     const { unitId: t, subUnitId: n, style: r, segmentId: s, textRanges: o } = e;
@@ -157,11 +157,11 @@ let P = class extends me {
     a.has(n) ? a.get(n).textRanges.push(...r) : a.set(n, { textRanges: r, style: s, segmentId: o });
   }
 };
-P = Dn([
-  pt(0, _e),
-  pt(1, x)
-], P);
-function $e(i, e = "", t = 0) {
+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",
@@ -174,22 +174,22 @@ function $e(i, e = "", t = 0) {
     segmentId: e
   }), s;
 }
-var Tn = Object.defineProperty, Pn = Object.getOwnPropertyDescriptor, En = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Pn(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+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 && Tn(e, t, r), r;
-}, Un = (i, e) => (t, n) => e(t, n, i);
-let ie = class extends me {
+  return n && r && Pn(e, t, r), r;
+}, wn = (i, e) => (t, n) => e(t, n, i);
+let se = class extends me {
   constructor(e) {
     super();
     S(this, "_currentViewModelUnitId", "");
     S(this, "_docViewModelMap", /* @__PURE__ */ new Map());
-    S(this, "_currentDocViewModel$", new de(null));
+    S(this, "_currentDocViewModel$", new ue(null));
     S(this, "currentDocViewModel$", this._currentDocViewModel$.asObservable());
     this._currentUniverService = e, this._initialize();
   }
   _initialize() {
-    this._currentUniverService.currentDoc$.pipe(Se(this.dispose$)).subscribe((e) => {
+    this._currentUniverService.currentDoc$.pipe(ve(this.dispose$)).subscribe((e) => {
       if (e == null)
         return;
       const t = e.getUnitId();
@@ -219,7 +219,7 @@ let ie = class extends me {
           docViewModel: r
         });
       }
-      if (e === Z) {
+      if (e === K) {
         const r = (n = this._docViewModelMap.get(e)) == null ? void 0 : n.docViewModel;
         if (r == null)
           return;
@@ -229,17 +229,17 @@ let ie = class extends me {
     }
   }
   _buildDocViewModel(e) {
-    return new Jt(e);
+    return new Qt(e);
   }
 };
-ie = En([
-  Un(0, O)
-], ie);
+se = Un([
+  wn(0, y)
+], se);
 const _ = {
   id: "doc.mutation.rich-text-editing",
-  type: R.MUTATION,
+  type: I.MUTATION,
   handler: (i, e) => {
-    const { unitId: t, mutations: n } = e, s = i.get(O).getUniverDocInstance(t), a = i.get(ie).getViewModel(t);
+    const { unitId: t, mutations: n } = e, s = i.get(y).getUniverDocInstance(t), a = i.get(se).getViewModel(t);
     if (s == null || a == null)
       throw new Error(`DocumentDataModel or documentViewModel not found for unitId: ${t}`);
     if (n.length === 0)
@@ -250,130 +250,130 @@ const _ = {
       mutations: c
     };
   }
-}, Qe = {
+}, et = {
   id: "doc.command.insert-text",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async (i, e) => {
-    const t = i.get(N), n = i.get(x), r = i.get(P), { range: s, segmentId: o, body: a, unitId: c, textRanges: d } = e, { startOffset: l, collapsed: p } = s, h = {
+    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,
       params: {
         unitId: c,
         mutations: []
       }
-    };
-    p ? l > 0 && h.params.mutations.push({
+    }, u = new H();
+    h ? l > 0 && u.push({
       t: "r",
       len: l,
       segmentId: o
-    }) : h.params.mutations.push(...$e(s, o)), h.params.mutations.push({
+    }) : u.push(...Be(s, o)), u.push({
       t: "i",
       body: a,
       len: a.dataStream.length,
       line: 0,
       segmentId: o
-    });
-    const u = n.syncExecuteCommand(h.id, h.params);
-    return r.replaceTextRanges(d), u ? (t.pushUndoRedo({
+    }), 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: u }],
-      redoMutations: [{ id: _.id, params: h.params }],
+      undoMutations: [{ id: _.id, params: p }],
+      redoMutations: [{ id: _.id, params: g.params }],
       undo() {
-        return n.syncExecuteCommand(_.id, u), r.replaceTextRanges([s]), !0;
+        return n.syncExecuteCommand(_.id, p), r.replaceTextRanges([s]), !0;
       },
       redo() {
-        return n.syncExecuteCommand(_.id, h.params), r.replaceTextRanges(d), !0;
+        return n.syncExecuteCommand(_.id, g.params), r.replaceTextRanges(d), !0;
       }
     }), !0) : !1;
   }
 };
-var X = /* @__PURE__ */ ((i) => (i[i.LEFT = 0] = "LEFT", i[i.RIGHT = 1] = "RIGHT", i))(X || {});
-const et = {
+var Y = /* @__PURE__ */ ((i) => (i[i.LEFT = 0] = "LEFT", i[i.RIGHT = 1] = "RIGHT", i))(Y || {});
+const tt = {
   id: "doc.command.delete-text",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async (i, e) => {
-    const t = i.get(x), n = i.get(N), r = i.get(P), { range: s, segmentId: o, unitId: a, direction: c, textRanges: d, len: l = 1 } = e, { startOffset: p } = s, h = {
+    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,
       params: {
         unitId: a,
         mutations: []
       }
-    };
-    p > 0 && h.params.mutations.push({
+    }, u = new H();
+    h > 0 && u.push({
       t: "r",
-      len: c === 0 ? p - l : p,
+      len: c === 0 ? h - l : h,
       segmentId: o
-    }), h.params.mutations.push({
+    }), u.push({
       t: "d",
       len: l,
       line: 0,
       segmentId: o
-    });
-    const u = t.syncExecuteCommand(h.id, h.params);
-    return r.replaceTextRanges(d), u && n.pushUndoRedo({
+    }), 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: u }],
-      redoMutations: [{ id: _.id, params: h.params }],
+      undoMutations: [{ id: _.id, params: p }],
+      redoMutations: [{ id: _.id, params: g.params }],
       undo() {
-        return t.syncExecuteCommand(_.id, u), r.replaceTextRanges([s]), !0;
+        return t.syncExecuteCommand(_.id, p), r.replaceTextRanges([s]), !0;
       },
       redo() {
-        return t.syncExecuteCommand(_.id, h.params), r.replaceTextRanges(d), !0;
+        return t.syncExecuteCommand(_.id, g.params), r.replaceTextRanges(d), !0;
       }
     }), !1;
   }
-}, Tt = {
+}, Pt = {
   id: "doc.command.update-text",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async (i, e) => {
-    const { range: t, segmentId: n, updateBody: r, coverType: s, unitId: o, textRanges: a } = e, c = i.get(x), d = i.get(N), l = i.get(P), p = {
+    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,
       params: {
         unitId: o,
         mutations: []
       }
-    }, { startOffset: h, endOffset: u } = t;
-    p.params.mutations.push({
+    }, g = new H(), { startOffset: u, endOffset: p } = t;
+    g.push({
       t: "r",
-      len: h,
+      len: u,
       segmentId: n
-    }), p.params.mutations.push({
+    }), g.push({
       t: "r",
       body: r,
-      len: u - h,
+      len: p - u,
       segmentId: n,
       coverType: s
-    });
-    const g = c.syncExecuteCommand(p.id, p.params);
-    return l.replaceTextRanges(a), g ? (d.pushUndoRedo({
+    }), 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: g }],
-      redoMutations: [{ id: _.id, params: p.params }],
+      undoMutations: [{ id: _.id, params: f }],
+      redoMutations: [{ id: _.id, params: h.params }],
       undo() {
-        return c.syncExecuteCommand(_.id, g), l.replaceTextRanges(a), !0;
+        return c.syncExecuteCommand(_.id, f), l.replaceTextRanges(a), !0;
       },
       redo() {
-        return c.syncExecuteCommand(_.id, p.params), l.replaceTextRanges(a), !0;
+        return c.syncExecuteCommand(_.id, h.params), l.replaceTextRanges(a), !0;
       }
     }), !0) : !1;
   }
 };
-function wn(i, e) {
+function Nn(i, e) {
   const t = [];
   for (let n = 0, r = i.length; n < r; n++)
-    i[n] === Xe.PARAGRAPH && t.push({
+    i[n] === Ye.PARAGRAPH && t.push({
       startIndex: n
     });
   if (e)
     for (const n of t)
-      e.bullet && (n.bullet = re.deepClone(e.bullet)), e.paragraphStyle && (n.paragraphStyle = re.deepClone(e.paragraphStyle));
+      e.bullet && (n.bullet = ie.deepClone(e.bullet)), e.paragraphStyle && (n.paragraphStyle = ie.deepClone(e.paragraphStyle));
   return t;
 }
-const Pt = {
+const Et = {
   id: "doc.command.break-line",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async (i) => {
-    var g;
-    const e = i.get(P), t = i.get(O), n = i.get(x), r = e.getActiveRange();
+    var p;
+    const e = i.get(U), t = i.get(y), n = i.get(O), r = e.getActiveRange();
     if (r == null)
       return !1;
     const s = t.getCurrentUniverDocInstance(), o = s.getUnitId(), { startOffset: a, segmentId: c, style: d } = r, l = [
@@ -382,62 +382,62 @@ const Pt = {
         endOffset: a + 1,
         style: d
       }
-    ], h = (((g = s.getBody()) == null ? void 0 : g.paragraphs) ?? []).find((m) => m.startIndex >= a);
-    return await n.executeCommand(Qe.id, {
+    ], g = (((p = s.getBody()) == null ? void 0 : p.paragraphs) ?? []).find((f) => f.startIndex >= a);
+    return await n.executeCommand(et.id, {
       unitId: o,
       body: {
-        dataStream: Xe.PARAGRAPH,
-        paragraphs: wn(Xe.PARAGRAPH, h)
+        dataStream: Ye.PARAGRAPH,
+        paragraphs: Nn(Ye.PARAGRAPH, g)
       },
       range: r,
       textRanges: l,
       segmentId: c
     });
   }
-}, ke = {
-  id: hn.id,
+}, ze = {
+  id: gn.id,
   name: "doc.command.copy",
-  type: R.COMMAND,
+  type: I.COMMAND,
   multi: !0,
   priority: 999,
-  preconditions: (i) => i.getContextValue(w) || i.getContextValue(fe),
+  preconditions: (i) => i.getContextValue(N) || i.getContextValue(_e),
   handler: async () => !0
-}, ze = {
+}, We = {
   id: pn.id,
   name: "doc.command.cut",
-  type: R.COMMAND,
+  type: I.COMMAND,
   multi: !0,
   priority: 999,
-  preconditions: (i) => i.getContextValue(w) || i.getContextValue(fe),
+  preconditions: (i) => i.getContextValue(N) || i.getContextValue(_e),
   handler: async () => !0
-}, We = {
-  id: gn.id,
+}, He = {
+  id: fn.id,
   name: "doc.command.paste",
-  type: R.COMMAND,
+  type: I.COMMAND,
   multi: !0,
   priority: 999,
-  preconditions: (i) => i.getContextValue(w) || i.getContextValue(fe),
+  preconditions: (i) => i.getContextValue(N) || i.getContextValue(_e),
   handler: async () => !0
 };
-var Ln = Object.defineProperty, An = Object.getOwnPropertyDescriptor, Nn = (i, e, t, n) => {
+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 A = class extends me {
+let L = class extends me {
   constructor(e, t) {
     super();
     S(this, "_currentSkeletonUnitId", "");
     S(this, "_docSkeletonMap", /* @__PURE__ */ new Map());
-    S(this, "_currentSkeleton$", new de(null));
+    S(this, "_currentSkeleton$", new ue(null));
     S(this, "currentSkeleton$", this._currentSkeleton$.asObservable());
     // CurrentSkeletonBefore for pre-triggered logic during registration
-    S(this, "_currentSkeletonBefore$", new de(null));
+    S(this, "_currentSkeletonBefore$", new ue(null));
     S(this, "currentSkeletonBefore$", this._currentSkeletonBefore$.asObservable());
     this._localeService = e, this._docViewModelManagerService = t, this._initialize();
   }
   _initialize() {
-    this._docViewModelManagerService.currentDocViewModel$.pipe(Se(this.dispose$)).subscribe((e) => {
+    this._docViewModelManagerService.currentDocViewModel$.pipe(ve(this.dispose$)).subscribe((e) => {
       e != null && this._setCurrent(e);
     });
   }
@@ -473,68 +473,68 @@ let A = class extends me {
     return this._currentSkeletonUnitId = t, this._currentSkeletonBefore$.next(this.getCurrent()), this._currentSkeleton$.next(this.getCurrent()), this.getCurrent();
   }
   _buildSkeleton(e) {
-    return Qt.create(e, this._localeService);
+    return en.create(e, this._localeService);
   }
 };
-A = Nn([
-  mt(0, U(xt)),
-  mt(1, U(ie))
-], A);
-const ft = {
+L = $n([
+  mt(0, w(Ot)),
+  mt(1, w(se))
+], L);
+const _t = {
   id: "doc.command.inner-paste",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async (i, e) => {
-    const { segmentId: t, body: n, textRanges: r } = e, s = i.get(N), o = i.get(x), a = i.get(P), c = i.get(O), d = a.getSelections();
+    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)
       return !1;
-    const p = c.getCurrentUniverDocInstance().getUnitId(), h = {
+    const h = c.getCurrentUniverDocInstance().getUnitId(), g = {
       id: _.id,
       params: {
-        unitId: p,
+        unitId: h,
         mutations: []
       }
     }, u = new Ae();
     u.reset();
+    const p = new H();
     for (const m of d) {
-      const { startOffset: f, endOffset: v, collapsed: M } = m, T = f - u.cursor;
-      M ? h.params.mutations.push({
+      const { startOffset: v, endOffset: M, collapsed: b } = m, T = v - u.cursor;
+      b ? p.push({
         t: "r",
         len: T,
         segmentId: t
-      }) : h.params.mutations.push(
-        ...$e(m, t, u.cursor)
-      ), h.params.mutations.push({
+      }) : p.push(...Be(m, t, u.cursor)), p.push({
         t: "i",
         body: n,
         len: n.dataStream.length,
         line: 0,
         segmentId: t
-      }), u.reset(), u.moveCursor(v);
+      }), u.reset(), u.moveCursor(M);
     }
-    const g = o.syncExecuteCommand(h.id, h.params);
-    return a.replaceTextRanges(r), g ? (s.pushUndoRedo({
-      unitID: p,
-      undoMutations: [{ id: _.id, params: g }],
-      redoMutations: [{ id: _.id, params: h.params }],
+    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, g), a.replaceTextRanges(d), !0;
+        return o.syncExecuteCommand(_.id, f), a.replaceTextRanges(d), !0;
       },
       redo() {
-        return o.syncExecuteCommand(_.id, h.params), a.replaceTextRanges(r), !0;
+        return o.syncExecuteCommand(_.id, g.params), a.replaceTextRanges(r), !0;
       }
     }), !0) : !1;
   }
-}, we = {
+}, Ne = {
   id: "doc.command.inner-cut",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async (i, e) => {
-    const { segmentId: t, textRanges: n } = e, r = i.get(N), s = i.get(x), o = i.get(P), a = i.get(O), c = o.getSelections();
+    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)
       return !1;
-    const d = a.getCurrentUniverDocInstance().getUnitId(), l = a.getUniverDocInstance(d), p = zt(l.snapshot, t);
-    if (p == null)
+    const d = a.getCurrentUniverDocInstance().getUnitId(), l = a.getUniverDocInstance(d), h = Wt(l.snapshot, t);
+    if (h == null)
       return !1;
-    const h = {
+    const g = {
       id: _.id,
       params: {
         unitId: d,
@@ -542,52 +542,52 @@ const ft = {
       }
     }, u = new Ae();
     u.reset();
+    const p = new H();
     for (const m of c) {
-      const { startOffset: f, endOffset: v, collapsed: M } = m, T = f - u.cursor;
-      M ? h.params.mutations.push({
+      const { startOffset: v, endOffset: M, collapsed: b } = m, T = v - u.cursor;
+      b ? p.push({
         t: "r",
         len: T,
         segmentId: t
-      }) : h.params.mutations.push(
-        ...$n(m, p, t, u.cursor)
-      ), u.reset(), u.moveCursor(v);
+      }) : p.push(...Bn(m, h, t, u.cursor)), u.reset(), u.moveCursor(M);
     }
-    const g = s.syncExecuteCommand(h.id, h.params);
-    return o.replaceTextRanges(n), g ? (r.pushUndoRedo({
+    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: g }],
-      redoMutations: [{ id: _.id, params: h.params }],
+      undoMutations: [{ id: _.id, params: f }],
+      redoMutations: [{ id: _.id, params: g.params }],
       undo() {
-        return s.syncExecuteCommand(_.id, g), o.replaceTextRanges(c), !0;
+        return s.syncExecuteCommand(_.id, f), o.replaceTextRanges(c), !0;
       },
       redo() {
-        return s.syncExecuteCommand(_.id, h.params), o.replaceTextRanges(n), !0;
+        return s.syncExecuteCommand(_.id, g.params), o.replaceTextRanges(n), !0;
       }
     }), !0) : !1;
   }
 };
-function $n(i, e, t = "", n = 0) {
+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(
-    (p) => p.startIndex - n >= c && p.startIndex - n <= d
+    (h) => h.startIndex - n >= c && h.startIndex - n <= d
   );
   if (c > 0 && o.push({
     t: "r",
     len: c,
     segmentId: t
   }), l && l.startIndex - n > c) {
-    const p = l.startIndex - n;
+    const h = l.startIndex - n;
     o.push({
       t: "d",
-      len: p - c,
+      len: h - c,
       line: 0,
       segmentId: t
     }), o.push({
       t: "r",
       len: 1,
       segmentId: t
-    }), d > p + 1 && o.push({
+    }), d > h + 1 && o.push({
       t: "d",
-      len: d - p - 1,
+      len: d - h - 1,
       line: 0,
       segmentId: t
     });
@@ -600,32 +600,29 @@ function $n(i, e, t = "", n = 0) {
     });
   return o;
 }
-const Et = {
+const Ut = {
   id: "doc.command.delete-left",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async (i) => {
-    var y;
-    const e = i.get(P), t = i.get(A), n = i.get(O), r = i.get(x), s = e.getActiveRange(), o = e.getSelections(), a = (y = t.getCurrent()) == null ? void 0 : y.skeleton;
-    let c;
+    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)
       return !1;
-    const d = n.getCurrentUniverDocInstance(), { startOffset: l, collapsed: p, segmentId: h, style: u } = s;
-    if (l === 0 && p)
-      return !0;
-    const g = a.findNodeByCharIndex(l), m = en(g), f = tn(g, d.body);
+    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 (nn(g) && M !== g && (m === !0 || f === !0)) {
-      const C = rn(g, d.body);
+    if (rn(p) && M !== p && (f === !0 || m === !0)) {
+      const C = sn(p, d.getBody());
       if (C == null)
         return !1;
-      const E = C == null ? void 0 : C.startIndex, L = { startIndex: 0 }, B = C.paragraphStyle;
-      if (m === !0) {
-        const I = C.paragraphStyle;
-        I && (L.paragraphStyle = I);
-      } else if (f === !0) {
-        const I = C.bullet;
-        I && (L.bullet = I), B != null && (L.paragraphStyle = { ...B }, delete L.paragraphStyle.hanging, delete L.paragraphStyle.indentStart);
+      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 k = [
         {
@@ -634,24 +631,26 @@ const Et = {
           style: u
         }
       ];
-      c = await r.executeCommand(Tt.id, {
+      c = await r.executeCommand(Pt.id, {
         unitId: d.getUnitId(),
         updateBody: {
           dataStream: "",
-          paragraphs: [{ ...L }]
+          paragraphs: [{ ...P }]
         },
         range: {
-          startOffset: E,
-          endOffset: E + 1
+          startOffset: x,
+          endOffset: x + 1
         },
         textRanges: k,
-        coverType: Ot.REPLACE,
-        segmentId: h
+        coverType: yt.REPLACE,
+        segmentId: g
       });
-    } else if (p === !0)
+    } else if (h === !0) {
+      if (M == null)
+        return !0;
       if (M.content === "\r")
-        c = await r.executeCommand(tt.id, {
-          direction: X.LEFT,
+        c = await r.executeCommand(nt.id, {
+          direction: Y.LEFT,
           range: s
         });
       else {
@@ -663,128 +662,128 @@ const Et = {
             style: u
           }
         ];
-        c = await r.executeCommand(et.id, {
+        c = await r.executeCommand(tt.id, {
           unitId: d.getUnitId(),
           range: s,
-          segmentId: h,
-          direction: X.LEFT,
+          segmentId: g,
+          direction: Y.LEFT,
           len: M.count,
           textRanges: C
         });
       }
-    else {
-      const C = wt(s, o);
-      c = await r.executeCommand(we.id, {
-        segmentId: h,
+    } else {
+      const C = Nt(s, o);
+      c = await r.executeCommand(Ne.id, {
+        segmentId: g,
         textRanges: C
       });
     }
     return c;
   }
-}, Ut = {
+}, wt = {
   id: "doc.command.delete-right",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async (i) => {
-    var g;
-    const e = i.get(P), t = i.get(A), n = i.get(O), r = i.get(x), s = e.getActiveRange(), o = e.getSelections(), a = (g = t.getCurrent()) == null ? void 0 : g.skeleton;
+    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)
       return !1;
-    const d = n.getCurrentUniverDocInstance(), { startOffset: l, collapsed: p, segmentId: h, style: u } = s;
-    if (l === d.getBody().dataStream.length - 2 && p)
+    const d = n.getCurrentUniverDocInstance(), { startOffset: l, collapsed: h, segmentId: g, style: u } = s;
+    if (l === d.getBody().dataStream.length - 2 && h)
       return !0;
-    if (p === !0) {
-      const m = a.findNodeByCharIndex(l);
-      if (m.content === "\r")
-        c = await r.executeCommand(tt.id, {
-          direction: X.RIGHT,
+    if (h === !0) {
+      const f = a.findNodeByCharIndex(l);
+      if (f.content === "\r")
+        c = await r.executeCommand(nt.id, {
+          direction: Y.RIGHT,
           range: s
         });
       else {
-        const f = [
+        const m = [
           {
             startOffset: l,
             endOffset: l,
             style: u
           }
         ];
-        c = await r.executeCommand(et.id, {
+        c = await r.executeCommand(tt.id, {
           unitId: d.getUnitId(),
           range: s,
-          segmentId: h,
-          direction: X.RIGHT,
-          textRanges: f,
-          len: m.count
+          segmentId: g,
+          direction: Y.RIGHT,
+          textRanges: m,
+          len: f.count
         });
       }
     } else {
-      const m = wt(s, o);
-      c = await r.executeCommand(we.id, {
-        segmentId: h,
-        textRanges: m
+      const f = Nt(s, o);
+      c = await r.executeCommand(Ne.id, {
+        segmentId: g,
+        textRanges: f
       });
     }
     return c;
   }
-}, tt = {
+}, nt = {
   id: "doc.command.merge-two-paragraph",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async (i, e) => {
-    var L, B, k;
-    const t = i.get(P), n = i.get(O), r = i.get(x), s = i.get(N), { direction: o, range: a } = e, c = t.getActiveRange(), d = t.getSelections();
+    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)
       return !1;
-    const l = n.getCurrentUniverDocInstance(), { startOffset: p, collapsed: h, segmentId: u, style: g } = c;
-    if (!h)
+    const l = n.getCurrentUniverDocInstance(), { startOffset: h, collapsed: g, segmentId: u, style: p } = c;
+    if (!g)
       return !1;
-    const m = o === X.LEFT ? p : p + 1, f = (k = (B = (L = l.getBody()) == null ? void 0 : L.paragraphs) == null ? void 0 : B.find((I) => I.startIndex >= m)) == null ? void 0 : k.startIndex, v = Bn(l.getBody(), m, f), M = o === X.LEFT ? p - 1 : p, T = l.getUnitId(), y = [
+    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 = [
       {
         startOffset: M,
         endOffset: M,
-        style: g
+        style: p
       }
     ], C = {
       id: _.id,
       params: {
-        unitId: T,
+        unitId: b,
         mutations: []
       }
-    };
-    C.params.mutations.push({
+    }, x = new H();
+    x.push({
       t: "r",
-      len: o === X.LEFT ? p - 1 : p,
+      len: o === Y.LEFT ? h - 1 : h,
       segmentId: u
-    }), v.dataStream.length && C.params.mutations.push({
+    }), v.dataStream.length && x.push({
       t: "i",
       body: v,
       len: v.dataStream.length,
       line: 0,
       segmentId: u
-    }), C.params.mutations.push({
+    }), x.push({
       t: "r",
       len: 1,
       segmentId: u
-    }), C.params.mutations.push({
+    }), x.push({
       t: "d",
-      len: f + 1 - m,
+      len: m + 1 - f,
       line: 0,
       segmentId: u
-    });
-    const E = r.syncExecuteCommand(C.id, C.params);
-    return t.replaceTextRanges(y), E ? (s.pushUndoRedo({
-      unitID: T,
-      undoMutations: [{ id: _.id, params: E }],
+    }), 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, E), t.replaceTextRanges([a]), !0;
+        return r.syncExecuteCommand(_.id, P), t.replaceTextRanges([a]), !0;
       },
       redo() {
-        return r.syncExecuteCommand(_.id, C.params), t.replaceTextRanges(y), !0;
+        return r.syncExecuteCommand(_.id, C.params), t.replaceTextRanges(T), !0;
       }
     }), !0) : !1;
   }
 };
-function Bn(i, e, t) {
+function Vn(i, e, t) {
   const { textRuns: n } = i, r = i.dataStream.substring(e, t);
   if (n == null)
     return {
@@ -812,7 +811,7 @@ function Bn(i, e, t) {
     textRuns: s
   };
 }
-function wt(i, e) {
+function Nt(i, e) {
   let t = i.endOffset;
   for (const r of e) {
     const { startOffset: s, endOffset: o } = r;
@@ -826,7 +825,7 @@ function wt(i, e) {
     }
   ];
 }
-class nt {
+class rt {
   constructor() {
     S(this, "_previousActiveRange", null);
     S(this, "_undoMutationParamsCache", []);
@@ -863,7 +862,7 @@ class nt {
       t: "r",
       len: r,
       segmentId: n
-    }), o.mutations.push(this._undoMutationParamsCache[0].mutations.find((c) => c.t === "i")), a.mutations.push(...$e(this._previousActiveRange, n))), e.length && (o.mutations.push({
+    }), 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,
@@ -884,25 +883,25 @@ class nt {
 }
 const Lt = {
   id: "doc.command.ime-input",
-  type: R.COMMAND,
+  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(x), l = i.get(N), p = i.get(P), h = i.get(nt), u = {
+    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,
       params: {
         unitId: t,
         mutations: []
       }
-    };
-    s.collapsed ? u.params.mutations.push({
+    }, p = new H();
+    s.collapsed ? p.push({
       t: "r",
       len: s.startOffset,
       segmentId: o
-    }) : u.params.mutations.push(...$e(s, o)), r > 0 && u.params.mutations.push({
+    }) : p.push(...Be(s, o)), r > 0 && p.push({
       t: "d",
       len: r,
       line: 0,
       segmentId: o
-    }), u.params.mutations.push({
+    }), p.push({
       t: "i",
       body: {
         dataStream: n
@@ -910,107 +909,107 @@ const Lt = {
       len: n.length,
       line: 0,
       segmentId: o
-    });
-    const g = d.syncExecuteCommand(u.id, u.params);
-    if (h.pushUndoRedoMutationParams(g, u.params), p.replaceTextRanges(a), c) {
-      if (g) {
-        const m = h.fetchComposedUndoRedoMutationParams(n);
+    }), 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: f, redoMutationParams: v, previousActiveRange: M } = m;
+        const { undoMutationParams: v, redoMutationParams: M, previousActiveRange: b } = m;
         return l.pushUndoRedo({
           unitID: t,
-          undoMutations: [{ id: _.id, params: f }],
-          redoMutations: [{ id: _.id, params: v }],
+          undoMutations: [{ id: _.id, params: v }],
+          redoMutations: [{ id: _.id, params: M }],
           undo() {
-            return d.syncExecuteCommand(_.id, f), p.replaceTextRanges([M]), !0;
+            return d.syncExecuteCommand(_.id, v), h.replaceTextRanges([b]), !0;
           },
           redo() {
-            return d.syncExecuteCommand(_.id, v), p.replaceTextRanges(a), !0;
+            return d.syncExecuteCommand(_.id, M), h.replaceTextRanges(a), !0;
           }
         }), !0;
       }
     } else
-      return !!g;
+      return !!f;
     return !1;
   }
-}, ue = {
+}, he = {
   id: "doc.command.set-inline-format-bold",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async () => !0
-}, Be = {
+}, Ve = {
   id: "doc.command.set-inline-format-italic",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async () => !0
-}, je = {
+}, Fe = {
   id: "doc.command.set-inline-format-underline",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async () => !0
-}, Ve = {
+}, je = {
   id: "doc.command.set-inline-format-strikethrough",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async () => !0
-}, J = {
+}, Q = {
   id: "doc.command.set-inline-format-subscript",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async () => !0
-}, se = {
+}, oe = {
   id: "doc.command.set-inline-format-superscript",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async () => !0
-}, he = {
+}, ge = {
   id: "doc.command.set-inline-format-fontsize",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async () => !0
 }, pe = {
   id: "doc.command.set-inline-format-font-family",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async () => !0
-}, Fe = {
+}, ke = {
   id: "doc.command.set-inline-format-text-color",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async () => !0
 }, At = {
-  [ue.id]: "bl",
-  [Be.id]: "it",
-  [je.id]: "ul",
-  [Ve.id]: "st",
-  [he.id]: "fs",
+  [he.id]: "bl",
+  [Ve.id]: "it",
+  [Fe.id]: "ul",
+  [je.id]: "st",
+  [ge.id]: "fs",
   [pe.id]: "ff",
-  [Fe.id]: "cl",
-  [J.id]: "va",
-  [se.id]: "va"
-}, Nt = {
+  [ke.id]: "cl",
+  [Q.id]: "va",
+  [oe.id]: "va"
+}, $t = {
   id: "doc.command.set-inline-format",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async (i, e) => {
-    const { segmentId: t, value: n, preCommandId: r } = e, s = i.get(N), o = i.get(x), a = i.get(P), c = i.get(O), d = a.getSelections();
+    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)
       return !1;
-    let l = c.getCurrentUniverDocInstance(), p = l.getUnitId();
-    p === K && (l = c.getUniverDocInstance(Z), p = l.getUnitId());
-    let h;
+    let l = c.getCurrentUniverDocInstance(), h = l.getUnitId();
+    h === J && (l = c.getUniverDocInstance(K), h = l.getUnitId());
+    let g;
     switch (r) {
-      case ue.id:
-      case Be.id:
-      case je.id:
+      case he.id:
       case Ve.id:
-      case J.id:
-      case se.id: {
-        h = Vn(
+      case Fe.id:
+      case je.id:
+      case Q.id:
+      case oe.id: {
+        g = jn(
           l.getBody().textRuns,
           r,
           d
         );
         break;
       }
-      case he.id:
+      case ge.id:
       case pe.id: {
-        h = n;
+        g = n;
         break;
       }
-      case Fe.id: {
-        h = {
+      case ke.id: {
+        g = {
           rgb: n
         };
         break;
@@ -1021,59 +1020,60 @@ const Lt = {
     const u = {
       id: _.id,
       params: {
-        unitId: p,
+        unitId: h,
         mutations: []
       }
-    }, g = new Ae();
-    g.reset();
-    for (const v of d) {
-      const { startOffset: M, endOffset: T } = v, y = {
+    }, p = new H(), f = new Ae();
+    f.reset();
+    for (const M of d) {
+      const { startOffset: b, endOffset: T } = M, C = {
         dataStream: "",
         textRuns: [
           {
             st: 0,
-            ed: T - M,
+            ed: T - b,
             ts: {
-              [At[r]]: h
+              [At[r]]: g
             }
           }
         ]
-      }, C = M - g.cursor;
-      C !== 0 && u.params.mutations.push({
+      }, x = b - f.cursor;
+      x !== 0 && p.push({
         t: "r",
-        len: C,
+        len: x,
         segmentId: t
-      }), u.params.mutations.push({
+      }), p.push({
         t: "r",
-        body: y,
-        len: T - M,
+        body: C,
+        len: T - b,
         segmentId: t
-      }), g.reset(), g.moveCursor(T);
+      }), f.reset(), f.moveCursor(T);
     }
-    const m = o.syncExecuteCommand(u.id, u.params), f = [
-      ue.id,
+    u.params.mutations = p.serialize();
+    const m = o.syncExecuteCommand(u.id, u.params), v = [
       he.id,
+      ge.id,
       pe.id,
-      J.id,
-      se.id
+      Q.id,
+      oe.id
     ];
-    return f.includes(r) && a.refreshSelection(), m ? (s.pushUndoRedo({
-      unitID: p,
+    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), f.includes(r) && a.refreshSelection(), !0;
+        return o.syncExecuteCommand(_.id, m), v.includes(r) && a.refreshSelection(), !0;
       },
       redo() {
-        return o.syncExecuteCommand(_.id, u.params), f.includes(r) && a.refreshSelection(), !0;
+        return o.syncExecuteCommand(_.id, u.params), v.includes(r) && a.refreshSelection(), !0;
       }
     }), !0) : !1;
   }
 };
-function jn(i) {
+function Fn(i) {
   return i !== null && typeof i == "object";
 }
-function Vn(i, e, t) {
+function jn(i, e, t) {
   let n = 0, r = 0;
   const s = At[e];
   for (; n !== i.length && r !== t.length; ) {
@@ -1085,124 +1085,126 @@ function Vn(i, e, t) {
     else {
       if ((l == null ? void 0 : l[s]) == null) {
         if (/bl|it/.test(s))
-          return D.TRUE;
+          return E.TRUE;
         if (/ul|st/.test(s))
           return {
-            s: D.TRUE
+            s: E.TRUE
           };
         if (/va/.test(s))
-          return e === J.id ? j.SUBSCRIPT : j.SUPERSCRIPT;
+          return e === Q.id ? V.SUBSCRIPT : V.SUPERSCRIPT;
       }
-      if (jn(l == null ? void 0 : l[s]) && l[s].s === D.FALSE)
+      if (Fn(l == null ? void 0 : l[s]) && l[s].s === E.FALSE)
         return {
-          s: D.TRUE
+          s: E.TRUE
         };
-      if (e === J.id && (l == null ? void 0 : l[s]) !== j.SUBSCRIPT)
-        return j.SUBSCRIPT;
-      if (e === se.id && (l == null ? void 0 : l[s]) !== j.SUPERSCRIPT)
-        return j.SUPERSCRIPT;
-      if ((l == null ? void 0 : l[s]) === D.FALSE)
-        return D.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;
       n++;
     }
   }
-  return /bl|it/.test(s) ? D.FALSE : /ul|st/.test(s) ? {
-    s: D.FALSE
-  } : j.NORMAL;
+  return /bl|it/.test(s) ? E.FALSE : /ul|st/.test(s) ? {
+    s: E.FALSE
+  } : V.NORMAL;
 }
-const Fn = {
+const kn = {
   id: "doc.command.bullet-list",
-  type: R.COMMAND,
-  handler: (i) => i.get(x).syncExecuteCommand(rt.id, {
-    listType: yt.BULLET_LIST
+  type: I.COMMAND,
+  handler: (i) => i.get(O).syncExecuteCommand(it.id, {
+    listType: bt.BULLET_LIST
   })
-}, kn = {
+}, zn = {
   id: "doc.command.order-list",
-  type: R.COMMAND,
-  handler: (i) => i.get(x).syncExecuteCommand(rt.id, {
-    listType: yt.ORDER_LIST
+  type: I.COMMAND,
+  handler: (i) => i.get(O).syncExecuteCommand(it.id, {
+    listType: bt.ORDER_LIST
   })
-}, rt = {
+}, it = {
   id: "doc.command.list-operation",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: (i, e) => {
     var T;
-    const t = i.get(P), n = i.get(O), r = i.get(x), s = i.get(N), { listType: o } = e, a = n.getCurrentUniverDocInstance(), c = t.getActiveRange(), d = (T = a.getBody()) == null ? void 0 : T.paragraphs;
+    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)
       return !1;
-    const l = zn(c, d), { segmentId: p } = c, h = a.getUnitId(), u = l.every((y) => {
-      var C;
-      return ((C = y.bullet) == null ? void 0 : C.listType) === o;
-    }), g = 6;
-    let m = re.generateRandomId(g);
+    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 y = d.indexOf(l[0]), C = d[y - 1], E = d[y + 1];
-      C && C.bullet && C.bullet.listType === o ? m = C.bullet.listId : E && E.bullet && E.bullet.listType === o && (m = E.bullet.listId);
+      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 f = {
+    const m = {
       id: _.id,
       params: {
-        unitId: h,
+        unitId: g,
         mutations: []
       }
     }, v = new Ae();
     v.reset();
-    for (const y of l) {
-      const { startIndex: C } = y;
-      f.params.mutations.push({
+    const M = new H();
+    for (const C of l) {
+      const { startIndex: x } = C;
+      M.push({
         t: "r",
-        len: C - v.cursor,
-        segmentId: p
+        len: x - v.cursor,
+        segmentId: h
       });
-      const E = {
-        ...y.paragraphStyle,
+      const P = {
+        ...C.paragraphStyle,
         hanging: void 0,
         indentStart: void 0
       };
-      f.params.mutations.push({
+      M.push({
         t: "r",
         len: 1,
         body: {
           dataStream: "",
           paragraphs: [
             u ? {
-              paragraphStyle: E,
+              paragraphStyle: P,
               startIndex: 0
             } : {
-              ...y,
+              ...C,
               startIndex: 0,
               bullet: {
-                ...y.bullet ?? {
+                ...C.bullet ?? {
                   nestingLevel: 0,
                   textStyle: {
                     fs: 20
                   }
                 },
                 listType: o,
-                listId: m
+                listId: f
               }
             }
           ]
         },
-        segmentId: p,
-        coverType: Ot.REPLACE
-      }), v.moveCursorTo(C + 1);
+        segmentId: h,
+        coverType: yt.REPLACE
+      }), v.moveCursorTo(x + 1);
     }
-    const M = r.syncExecuteCommand(f.id, f.params);
-    return t.refreshSelection(), M && s.pushUndoRedo({
-      unitID: h,
-      undoMutations: [{ id: _.id, params: M }],
-      redoMutations: [{ id: _.id, params: f.params }],
+    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, M), t.refreshSelection(), !0;
+        return r.syncExecuteCommand(_.id, b), t.refreshSelection(), !0;
       },
       redo() {
-        return r.syncExecuteCommand(_.id, f.params), t.refreshSelection(), !0;
+        return r.syncExecuteCommand(_.id, m.params), t.refreshSelection(), !0;
       }
     }), !0;
   }
 };
-function zn(i, e) {
+function Wn(i, e) {
   const { startOffset: t, endOffset: n } = i, r = [];
   let s = -1;
   for (const o of e) {
@@ -1211,82 +1213,82 @@ function zn(i, e) {
   }
   return r;
 }
-const Wn = {
+const Hn = {
   id: "doc.command-replace-content",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async (i, e) => {
-    var g;
-    const { unitId: t, body: n, textRanges: r, segmentId: s = "" } = e, o = i.get(O), a = i.get(x), c = i.get(P), d = i.get(N), l = (g = o.getUniverDocInstance(t)) == null ? void 0 : g.getSnapshot().body, p = c.getSelections();
-    if (l == null || !Array.isArray(p) || p.length === 0)
+    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)
       return !1;
-    const h = $t(t, s, l, n), u = a.syncExecuteCommand(h.id, h.params);
+    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: h.params }],
+      redoMutations: [{ id: _.id, params: g.params }],
       undo() {
-        return a.syncExecuteCommand(_.id, u), c.replaceTextRanges(p), !0;
+        return a.syncExecuteCommand(_.id, u), c.replaceTextRanges(h), !0;
       },
       redo() {
-        return a.syncExecuteCommand(_.id, h.params), c.replaceTextRanges(r), !0;
+        return a.syncExecuteCommand(_.id, g.params), c.replaceTextRanges(r), !0;
       }
     }), !0) : !1;
   }
-}, Hn = {
+}, Xn = {
   id: "doc.command-cover-content",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async (i, e) => {
     var l;
-    const { unitId: t, body: n, segmentId: r = "" } = e, s = i.get(O), o = i.get(x), a = i.get(N), c = (l = s.getUniverDocInstance(t)) == null ? void 0 : l.getSnapshot().body;
+    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)
       return !1;
-    const d = $t(t, r, c, n);
+    const d = Bt(t, r, c, n);
     return o.syncExecuteCommand(
       d.id,
       d.params
     ), a.clearUndoRedo(t), !0;
   }
 };
-function $t(i, e, t, n) {
+function Bt(i, e, t, n) {
   const r = {
     id: _.id,
     params: {
       unitId: i,
       mutations: []
     }
-  }, s = (t == null ? void 0 : t.dataStream.length) - 2;
-  return s > 0 && r.params.mutations.push({
+  }, s = new H(), o = (t == null ? void 0 : t.dataStream.length) - 2;
+  return o > 0 && s.push({
     t: "d",
-    len: s,
+    len: o,
     line: 0,
     segmentId: e
-  }), n.dataStream.length > 0 && r.params.mutations.push({
+  }), n.dataStream.length > 0 && s.push({
     t: "i",
     body: n,
     len: n.dataStream.length,
     line: 0,
     segmentId: e
-  }), r;
+  }), r.params.mutations = s.serialize(), r;
 }
-const Q = {
+const ee = {
   id: "doc.operation.move-cursor",
-  type: R.OPERATION,
+  type: I.OPERATION,
   handler: (i, e) => !!e
-}, ee = {
+}, te = {
   id: "doc.operation.move-selection",
-  type: R.OPERATION,
+  type: I.OPERATION,
   handler: (i, e) => !!e
 }, Gn = (i, e) => {
-  const t = i.get(O).getUniverDocInstance(e.unitId), n = (t == null ? void 0 : t.zoomRatio) || 1;
+  const t = i.get(y).getUniverDocInstance(e.unitId), n = (t == null ? void 0 : t.zoomRatio) || 1;
   return {
-    ...re.deepClone(e),
+    ...ie.deepClone(e),
     zoomRatio: n
   };
-}, Y = {
+}, Z = {
   id: "doc.operation.set-zoom-ratio",
-  type: R.OPERATION,
+  type: I.OPERATION,
   handler: (i, e) => {
-    const t = i.get(O).getUniverDocInstance(e.unitId);
+    const t = i.get(y).getUniverDocInstance(e.unitId);
     if (!t)
       return !1;
     const n = t.getSnapshot();
@@ -1294,11 +1296,11 @@ const Q = {
       zoomRatio: e.zoomRatio
     } : n.settings.zoomRatio = e.zoomRatio, !0;
   }
-}, Bt = {
-  type: R.COMMAND,
+}, Vt = {
+  type: I.COMMAND,
   id: "doc.command.set-zoom-ratio",
   handler: async (i, e) => {
-    const t = i.get(x), n = i.get(N), r = i.get(O);
+    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))
       return !1;
@@ -1306,17 +1308,17 @@ const Q = {
       zoomRatio: o,
       unitId: s
     }, d = Gn(i, c);
-    return t.syncExecuteCommand(Y.id, c) ? (n.pushUndoRedo({
+    return t.syncExecuteCommand(Z.id, c) ? (n.pushUndoRedo({
       unitID: s,
-      undoMutations: [{ id: Y.id, params: d }],
-      redoMutations: [{ id: Y.id, params: c }]
+      undoMutations: [{ id: Z.id, params: d }],
+      redoMutations: [{ id: Z.id, params: c }]
     }), !0) : !1;
   }
-}, jt = {
+}, Ft = {
   id: "doc.operation.select-all",
-  type: R.COMMAND,
+  type: I.COMMAND,
   handler: async (i) => {
-    const e = i.get(O), t = i.get(P), n = e.getCurrentUniverDocInstance().getSnapshot().body;
+    const e = i.get(y), t = i.get(U), n = e.getCurrentUniverDocInstance().getSnapshot().body;
     if (n == null)
       return !1;
     const r = [
@@ -1327,17 +1329,17 @@ const Q = {
     ];
     return t.replaceTextRanges(r), !0;
   }
-}, Xn = 10, qn = 6;
-function Yn() {
-  return re.generateRandomId(qn);
+}, Yn = 10, qn = 6;
+function Zn() {
+  return ie.generateRandomId(qn);
 }
-function Zn(i) {
+function Kn(i) {
   const e = i.match(/data-copy-id="([^\s]+)"/);
   return e && e[1] ? e[1] : null;
 }
-class Kn {
+class Jn {
   constructor() {
-    S(this, "_cache", new Wt(Xn));
+    S(this, "_cache", new Ht(Yn));
   }
   set(e, t) {
     this._cache.set(e, t);
@@ -1349,57 +1351,57 @@ class Kn {
     this._cache.clear();
   }
 }
-const _t = new Kn();
-function Jn(i) {
+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) ? Ze(o) : o;
+        t.spaceAbove = /pt/.test(s) ? Ke(o) : o;
         break;
       }
       case "margin-bottom": {
         const o = parseInt(s);
-        t.spaceBelow = /pt/.test(s) ? Ze(o) : o;
+        t.spaceBelow = /pt/.test(s) ? Ke(o) : o;
         break;
       }
     }
   }
   return Object.getOwnPropertyNames(t).length ? t : null;
 }
-function Ze(i) {
+function Ke(i) {
   return i / 0.75;
 }
-function it(i) {
+function st(i) {
   const e = i.style, t = {}, n = i.tagName.toLowerCase();
   switch (n) {
     case "b":
     case "em":
     case "strong": {
-      t.bl = D.TRUE;
+      t.bl = E.TRUE;
       break;
     }
     case "s": {
       t.st = {
-        s: D.TRUE
+        s: E.TRUE
       };
       break;
     }
     case "u": {
       t.ul = {
-        s: D.TRUE
+        s: E.TRUE
       };
       break;
     }
     case "i": {
-      t.it = D.TRUE;
+      t.it = E.TRUE;
       break;
     }
     case "sub":
     case "sup": {
-      t.va = n === "sup" ? j.SUPERSCRIPT : j.SUBSCRIPT;
+      t.va = n === "sup" ? V.SUPERSCRIPT : V.SUBSCRIPT;
       break;
     }
   }
@@ -1412,36 +1414,36 @@ function it(i) {
       }
       case "font-size": {
         const a = parseInt(o);
-        Number.isNaN(a) || (t.fs = /pt$/.test(o) ? Ze(a) : a);
+        Number.isNaN(a) || (t.fs = /pt$/.test(o) ? Ke(a) : a);
         break;
       }
       case "font-style": {
-        o === "italic" && (t.it = D.TRUE);
+        o === "italic" && (t.it = E.TRUE);
         break;
       }
       case "font-weight": {
-        Number(o) > 400 && (t.bl = D.TRUE);
+        Number(o) > 400 && (t.bl = E.TRUE);
         break;
       }
       case "text-decoration": {
         /underline/.test(o) ? t.ul = {
-          s: D.TRUE
+          s: E.TRUE
         } : /overline/.test(o) ? t.ol = {
-          s: D.TRUE
+          s: E.TRUE
         } : /line-through/.test(o) && (t.st = {
-          s: D.TRUE
+          s: E.TRUE
         });
         break;
       }
       case "color": {
-        const a = new ot(o);
+        const a = new at(o);
         a.isValid && (t.cl = {
           rgb: a.toRgbString()
         });
         break;
       }
       case "background-color": {
-        const a = new ot(o);
+        const a = new at(o);
         a.isValid && (t.bg = {
           rgb: a.toRgbString()
         });
@@ -1451,11 +1453,11 @@ function it(i) {
   }
   return t;
 }
-function Qn(i) {
+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 St(i, e) {
+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);
 }
@@ -1471,7 +1473,7 @@ const Le = class Le {
     this._pluginList.push(e);
   }
   convert(e) {
-    const t = Le._pluginList.find((s) => s.checkPasteType(e)), n = Qn(e), r = {
+    const t = Le._pluginList.find((s) => s.checkPasteType(e)), n = er(e), r = {
       dataStream: "",
       textRuns: []
     };
@@ -1489,20 +1491,20 @@ const Le = class Le {
           ts: a
         });
       } else if (s.nodeType === Node.ELEMENT_NODE) {
-        const o = e ? this._styleCache.get(e) : {}, a = this._styleRules.find(({ filter: p }) => St(s, p)), c = a ? a.getStyle(s) : it(s);
+        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: p }) => St(s, p)
+          ({ filter: h }) => vt(s, h)
         );
         l && l.handler(n, s);
       }
   }
 };
 S(Le, "_pluginList", []);
-let ge = Le;
-const er = {
+let fe = Le;
+const tr = {
   name: "univer-doc-paste-plugin-lark",
   checkPasteType(i) {
     return /lark-record-clipboard/i.test(i);
@@ -1512,10 +1514,10 @@ const er = {
     {
       filter: ["s"],
       getStyle(i) {
-        const e = it(i);
+        const e = st(i);
         return {
           st: {
-            s: D.TRUE
+            s: E.TRUE
           },
           ...e
         };
@@ -1534,7 +1536,7 @@ const er = {
       }
     }
   ]
-}, tr = {
+}, nr = {
   name: "univer-doc-paste-plugin-word",
   checkPasteType(i) {
     return /word|mso/i.test(i);
@@ -1543,8 +1545,8 @@ const er = {
     {
       filter: ["b"],
       getStyle(i) {
-        const e = it(i);
-        return { bl: D.TRUE, ...e };
+        const e = st(i);
+        return { bl: E.TRUE, ...e };
       }
     }
   ],
@@ -1557,57 +1559,57 @@ const er = {
         i.paragraphs == null && (i.paragraphs = []);
         const t = {
           startIndex: i.dataStream.length
-        }, n = Jn(e);
+        }, n = Qn(e);
         n && (t.paragraphStyle = n), i.paragraphs.push(t), i.dataStream += "\r";
       }
     }
   ]
 };
-function nr(i, e) {
-  const { st: t, ed: n, ts: r = {} } = e, { ff: s, fs: o, it: a, bl: c, ul: d, st: l, ol: p, bg: h, cl: u, va: g } = r;
-  let m = i.slice(t, n);
-  const f = [];
-  return a === D.TRUE && (m = `<i>${m}</i>`), g === j.SUPERSCRIPT ? m = `<sup>${m}</sup>` : g === j.SUBSCRIPT && (m = `<sub>${m}</sub>`), (d == null ? void 0 : d.s) === D.TRUE && (m = `<u>${m}</u>`), (l == null ? void 0 : l.s) === D.TRUE && (m = `<s>${m}</s>`), c === D.TRUE && (m = `<strong>${m}</strong>`), s && f.push(`font-family: ${s}`), u && f.push(`color: ${u.rgb}`), o && f.push(`font-size: ${o}px`), p && f.push("text-decoration: overline"), h && f.push(`background: ${h.rgb}`), f.length ? `<span style="${f.join(";")}">${m}</span>` : m;
+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 vt(i, e = !0) {
+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(nr(t, c)), s = l, e)
-      for (const p of r) {
-        const { startIndex: h, paragraphStyle: u = {} } = p;
-        if (h >= d && h <= l) {
-          const { spaceAbove: g, spaceBelow: m } = u, f = [];
-          g != null && (typeof g == "number" ? f.push(`margin-top: ${g}px`) : f.push(`margin-top: ${g.v}px`)), m != null && (typeof m == "number" ? f.push(`margin-bottom: ${m}px`) : f.push(`margin-bottom: ${m.v}px`)), a.push(
-            `<p className="UniverNormal" ${f.length ? `style="${f.join(";")}"` : ""}>${o.join("")}</p>`
+    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 rr {
+class ir {
   convert(e) {
     if (e.length === 0)
       throw new Error("The bodyList length at least to be 1");
     if (e.length === 1)
-      return vt(e[0]);
+      return Mt(e[0]);
     let t = "";
     for (const n of e)
-      t += '<p className="UniverNormal">', t += vt(n, !1), t += "</p>";
+      t += '<p className="UniverNormal">', t += Mt(n, !1), t += "</p>";
     return t;
   }
 }
-var ir = Object.defineProperty, sr = Object.getOwnPropertyDescriptor, or = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? sr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+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 && ir(e, t, r), r;
-}, Mt = (i, e) => (t, n) => e(t, n, i);
-ge.use(tr);
-ge.use(er);
-function ar(i) {
+  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 });
@@ -1616,13 +1618,13 @@ function ar(i) {
     paragraphs: t
   };
 }
-const Vt = Mn("doc.clipboard-service");
-let Ke = class extends W {
+const jt = Cn("doc.clipboard-service");
+let Je = class extends X {
   constructor(e, t) {
     super();
     S(this, "_clipboardHooks", []);
-    S(this, "_htmlToUDM", new ge());
-    S(this, "_umdToHtml", new rr());
+    S(this, "_htmlToUDM", new fe());
+    S(this, "_umdToHtml", new ir());
     this._currentUniverService = e, this._clipboardInterfaceService = t;
   }
   async queryClipboardData() {
@@ -1633,12 +1635,12 @@ let Ke = class extends W {
       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 === fn && (t = await s.getType(o).then((a) => a && a.text()));
+          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 ar(n);
-      const r = Zn(t);
+        return cr(n);
+      const r = Kn(t);
       if (r) {
-        const s = _t.get(r);
+        const s = St.get(r);
         if (s)
           return s;
       }
@@ -1648,10 +1650,10 @@ let Ke = class extends W {
     }
   }
   async setClipboardData(e) {
-    const t = Yn(), n = e.length > 1 ? e.map((s) => s.dataStream).join(`
+    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}"`), _t.set(t, e[0])), this._clipboardInterfaceService.write(n, r);
+    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(() => {
@@ -1660,41 +1662,41 @@ let Ke = class extends W {
     });
   }
 };
-Ke = or([
-  Mt(0, O),
-  Mt(1, _n)
-], Ke);
-var cr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, dr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? lr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+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 && cr(e, t, r), r;
-}, te = (i, e) => (t, n) => e(t, n, i);
-let Re = class extends W {
+  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() {
-    [ke, ze, We].forEach(
+    [ze, We, He].forEach(
       (i) => this.disposeWithMe(this._commandService.registerMultipleCommand(i))
-    ), [ft, we].forEach(
+    ), [_t, Ne].forEach(
       (i) => this.disposeWithMe(this._commandService.registerCommand(i))
     );
   }
   _commandExecutedListener() {
-    const i = [ze.id, ke.id, We.id];
+    const i = [We.id, ze.id, He.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((e) => {
-        if (i.includes(e.id) && !(!this._contextService.getContextValue(w) && !this._contextService.getContextValue(fe)))
+        if (i.includes(e.id) && !(!this._contextService.getContextValue(N) && !this._contextService.getContextValue(_e)))
           switch (e.id) {
-            case We.id: {
+            case He.id: {
               this._handlePaste();
               break;
             }
-            case ke.id: {
+            case ze.id: {
               this._handleCopy();
               break;
             }
-            case ze.id: {
+            case We.id: {
               this._handleCut();
               break;
             }
@@ -1725,7 +1727,7 @@ let Re = class extends W {
             style: n
           }
         ];
-        this._commandService.executeCommand(ft.id, { body: s, segmentId: e, textRanges: a });
+        this._commandService.executeCommand(_t.id, { body: s, segmentId: e, textRanges: a });
       } catch {
         this._logService.error("[DocClipboardController] clipboard is empty");
       }
@@ -1772,33 +1774,33 @@ let Re = class extends W {
             style: t
           }
         ];
-        this._commandService.executeCommand(we.id, { segmentId: i, textRanges: s });
+        this._commandService.executeCommand(Ne.id, { segmentId: i, textRanges: s });
       } catch {
         this._logService.error("[DocClipboardController] cut content failed");
       }
     }
   }
 };
-Re = dr([
-  V(F.Rendered, Re),
-  te(0, Ht),
-  te(1, x),
-  te(2, O),
-  te(3, Vt),
-  te(4, U(P)),
-  te(5, Gt)
+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 ur = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, pr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? hr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+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 && ur(e, t, r), r;
-}, He = (i, e) => (t, n) => e(t, n, i);
-let Ie = class extends me {
+  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();
   }
   _initialRenderRefresh() {
-    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(Se(this.dispose$)).subscribe((i) => {
+    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(ve(this.dispose$)).subscribe((i) => {
       if (i == null)
         return;
       const { skeleton: e, unitId: t } = i, n = this._renderManagerService.getRenderById(t);
@@ -1814,14 +1816,14 @@ let Ie = class extends me {
     if (s == null)
       return;
     let o = 0, a = 0;
-    for (let l = 0, p = s.length; l < p; l++) {
-      const h = s[l], { pageWidth: u, pageHeight: g } = h;
-      r.pageLayoutType === at.VERTICAL ? (a += g, a += r.pageMarginTop, l === p - 1 && (a += r.pageMarginTop), o = Math.max(o, u)) : r.pageLayoutType === at.HORIZONTAL && (o += u, l !== p - 1 && (o += r.pageMarginLeft), a = Math.max(a, g));
+    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));
     }
-    r.resize(o, a), [Z, K].includes(i.unitId) || n.resize(o, a);
+    r.resize(o, a), [K, J].includes(i.unitId) || n.resize(o, a);
   }
   _commandExecutedListener() {
-    const i = [_.id], e = [Z, K];
+    const i = [_.id], e = [K, J];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         var n;
@@ -1842,21 +1844,21 @@ let Ie = class extends me {
     );
   }
 };
-Ie = pr([
-  V(F.Rendered, Ie),
-  He(0, U(A)),
-  He(1, H),
-  He(2, x)
-], Ie);
-var gr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, fr = (i, e, t, n) => {
+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 && gr(e, t, r), r;
-}, oe = (i, e) => (t, n) => e(t, n, i);
-let xe = class extends W {
+  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) {
     super();
-    S(this, "_liquid", new sn());
+    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();
   }
@@ -1871,14 +1873,14 @@ let xe = class extends W {
       const { unitId: n, skeleton: r } = t, s = this._renderManagerService.getRenderById(n);
       if (s == null)
         return;
-      const { mainComponent: o, components: a, scene: c } = s, d = o, { left: l, top: p } = d;
-      e.forEach((h) => {
-        const { unitId: u, subUnitId: g, floatingObjectId: m, floatingObject: f } = h, { left: v = 0, top: M = 0, width: T = 0, height: y = 0, angle: C, flipX: E, flipY: L, skewX: B, skewY: k } = f, I = this._pageMarginCache.get(m), G = (I == null ? void 0 : I.marginLeft) || 0, z = (I == null ? void 0 : I.marginTop) || 0;
-        r == null || r.getViewModel().getDataModel().updateDrawing(m, {
-          left: v - l - G,
-          top: M - p - z,
-          height: y,
-          width: T
+      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
         });
       }), r == null || r.calculate(), o == null || o.makeDirty();
     });
@@ -1895,7 +1897,7 @@ let xe = class extends W {
     });
   }
   _commandExecutedListener() {
-    const e = [_.id, Y.id], t = [Z, K];
+    const e = [_.id, Z.id], t = [K, J];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((n) => {
         var r;
@@ -1922,45 +1924,45 @@ let xe = class extends W {
     const r = t == null ? void 0 : t.getSkeletonData(), { mainComponent: s, scene: o } = n, a = s;
     if (!r)
       return;
-    const { left: c, top: d, pageLayoutType: l, pageMarginLeft: p, pageMarginTop: h } = a, { pages: u } = r, g = [];
+    const { left: c, top: d, pageLayoutType: l, pageMarginLeft: h, pageMarginTop: g } = a, { pages: u } = r, p = [];
     o.getAncestorScale(), this._liquid.reset(), this._pageMarginCache.clear();
-    for (let m = 0, f = u.length; m < f; m++) {
-      const v = u[m], { skeDrawings: M, marginLeft: T, marginTop: y } = v;
+    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: E, aTop: L, height: B, width: k, objectId: I } = C;
-        g.push({
+        const { aLeft: x, aTop: P, height: B, width: k, objectId: R } = C;
+        p.push({
           unitId: e,
-          subUnitId: Xt,
-          floatingObjectId: I,
+          subUnitId: Yt,
+          floatingObjectId: R,
           floatingObject: {
-            left: E + c + this._liquid.x,
-            top: L + d + this._liquid.y,
+            left: x + c + this._liquid.x,
+            top: P + d + this._liquid.y,
             width: k,
             height: B
           }
-        }), this._pageMarginCache.set(I, {
+        }), this._pageMarginCache.set(R, {
           marginLeft: this._liquid.x,
           marginTop: this._liquid.y
         });
-      }), this._liquid.translatePage(v, l, p, h);
+      }), this._liquid.translatePage(v, l, h, g);
     }
-    this._floatingObjectManagerService.BatchAddOrUpdate(g);
+    this._floatingObjectManagerService.BatchAddOrUpdate(p);
   }
 };
-xe = fr([
-  V(F.Steady, xe),
-  oe(0, U(A)),
-  oe(1, O),
-  oe(2, H),
-  oe(3, x),
-  oe(4, qt)
-], xe);
-var _r = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, vr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Sr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+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 && _r(e, t, r), r;
-}, ne = (i, e) => (t, n) => e(t, n, i);
-let Oe = class extends W {
+  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) {
     super();
     S(this, "_previousIMEContent", "");
@@ -1982,7 +1984,7 @@ let Oe = class extends W {
       if (e == null)
         return;
       const { activeRange: t } = e;
-      t != null && (this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(re.deepClone(t)), this._previousIMERange = t);
+      t != null && (this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(ie.deepClone(t)), this._previousIMERange = t);
     });
   }
   _initialOnCompositionUpdate() {
@@ -1996,69 +1998,69 @@ let Oe = class extends W {
     });
   }
   async _updateContent(e, t) {
-    var g;
-    const n = (g = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : g.skeleton;
+    var p;
+    const n = (p = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : p.skeleton;
     if (this._previousIMERange == null || e == null || n == null)
       return;
     const r = this._currentUniverService.getCurrentUniverDocInstance(), { event: s, activeRange: o } = e, { startOffset: a, segmentId: c, style: d } = this._previousIMERange;
     if (n == null || o == null)
       return;
-    const p = s.data;
-    if (p === this._previousIMEContent && t)
+    const h = s.data;
+    if (h === this._previousIMEContent && t)
       return;
-    const h = p.length, u = [
+    const g = h.length, u = [
       {
-        startOffset: a + h,
-        endOffset: a + h,
+        startOffset: a + g,
+        endOffset: a + g,
         style: d
       }
     ];
     await this._commandService.executeCommand(Lt.id, {
       unitId: r.getUnitId(),
-      newText: p,
+      newText: h,
       oldTextLen: this._previousIMEContent.length,
       range: this._previousIMERange,
       textRanges: u,
       isCompositionEnd: !t,
       segmentId: c
-    }), t ? (this._previousIMERange.collapsed || (this._previousIMERange.collapsed = !0), this._previousIMEContent = p) : this._resetIME();
+    }), t ? (this._previousIMERange.collapsed || (this._previousIMERange.collapsed = !0), this._previousIMEContent = h) : this._resetIME();
   }
   _resetIME() {
     this._previousIMEContent = "", this._previousIMERange = null, this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(null);
   }
   _getDocObject() {
-    return Ne(this._currentUniverService, this._renderManagerService);
+    return $e(this._currentUniverService, this._renderManagerService);
   }
 };
-Oe = vr([
-  V(F.Rendered, Oe),
-  ne(0, U(A)),
-  ne(1, O),
-  ne(2, H),
-  ne(3, _e),
-  ne(4, U(nt)),
-  ne(5, x)
-], Oe);
-var Mr = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, Rr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Cr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+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 && Mr(e, t, r), r;
-}, Ct = (i, e) => (t, n) => e(t, n, i);
-let ye = class extends W {
+  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();
   }
   _commandExecutedListener() {
     const i = [
-      ue.id,
-      Be.id,
-      je.id,
-      Ve.id,
-      J.id,
-      se.id,
       he.id,
+      Ve.id,
+      Fe.id,
+      je.id,
+      Q.id,
+      oe.id,
+      ge.id,
       pe.id,
-      Fe.id
+      ke.id
     ];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((e) => {
@@ -2068,24 +2070,24 @@ let ye = class extends W {
   }
   _handleInlineFormat(i) {
     const { segmentId: e } = this._textSelectionManagerService.getActiveRange() ?? {};
-    e != null && this._commandService.executeCommand(Nt.id, {
+    e != null && this._commandService.executeCommand($t.id, {
       segmentId: e,
       preCommandId: i.id,
       ...i.params ?? {}
     });
   }
 };
-ye = Rr([
-  V(F.Rendered, ye),
-  Ct(0, U(P)),
-  Ct(1, x)
-], ye);
-var Ir = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, Or = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? xr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+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 && Ir(e, t, r), r;
-}, ae = (i, e) => (t, n) => e(t, n, i);
-let be = class extends W {
+  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) {
     super();
     S(this, "_onInputSubscription");
@@ -2098,16 +2100,16 @@ let be = class extends W {
   _initialize() {
   }
   _commandExecutedListener() {
-    const e = [Q.id, ee.id];
+    const e = [ee.id, te.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (!e.includes(t.id))
           return;
         const n = t.params;
         switch (t.id) {
-          case Q.id:
-            return this._handleMoveCursor(n.direction);
           case ee.id:
+            return this._handleMoveCursor(n.direction);
+          case te.id:
             return this._handleShiftMoveSelection(n.direction);
           default:
             throw new Error("Unknown command");
@@ -2116,80 +2118,80 @@ let be = class extends W {
     );
   }
   _handleShiftMoveSelection(e) {
-    var m;
-    const t = this._textSelectionManagerService.getActiveRange(), n = this._textSelectionManagerService.getSelections(), r = this._currentUniverService.getCurrentUniverDocInstance(), s = (m = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : m.skeleton, o = this._getDocObject();
+    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)
       return;
-    const { startOffset: a, endOffset: c, style: d, collapsed: l, direction: p } = t;
+    const { startOffset: a, endOffset: c, style: d, collapsed: l, direction: h } = t;
     if (n.length > 1) {
-      let f = 1 / 0, v = -1 / 0;
+      let m = Number.POSITIVE_INFINITY, v = Number.NEGATIVE_INFINITY;
       for (const M of n)
-        f = Math.min(f, M.startOffset), v = Math.max(v, M.endOffset);
+        m = Math.min(m, M.startOffset), v = Math.max(v, M.endOffset);
       this._textSelectionManagerService.replaceTextRanges([
         {
-          startOffset: e === b.LEFT || e === b.UP ? v : f,
-          endOffset: e === b.LEFT || e === b.UP ? f : v,
+          startOffset: e === D.LEFT || e === D.UP ? v : m,
+          endOffset: e === D.LEFT || e === D.UP ? m : v,
           style: d
         }
       ]);
       return;
     }
-    const h = l || p === ct.FORWARD ? a : c;
-    let u = l || p === ct.FORWARD ? c : a;
-    const g = r.getBody().dataStream.length ?? 1 / 0;
-    if (e === b.LEFT || e === b.RIGHT) {
-      const f = s.findNodeByCharIndex(u - 1), v = s.findNodeByCharIndex(u);
-      u = e === b.RIGHT ? u + v.count : u - ((f == null ? void 0 : f.count) ?? 0), u = Math.min(g - 2, Math.max(0, u)), this._textSelectionManagerService.replaceTextRanges([
+    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([
         {
-          startOffset: h,
+          startOffset: g,
           endOffset: u,
           style: d
         }
       ]);
     } else {
-      const f = s.findNodeByCharIndex(u), v = o.document.getOffsetConfig(), M = this._getTopOrBottomPosition(s, f, e === b.DOWN);
+      const m = s.findNodeByCharIndex(u), v = o.document.getOffsetConfig(), M = this._getTopOrBottomPosition(s, m, e === D.DOWN);
       if (M == null) {
-        const y = e === b.UP ? 0 : g - 2;
-        if (y === u)
+        const T = e === D.UP ? 0 : p - 2;
+        if (T === u)
           return;
         this._textSelectionManagerService.replaceTextRanges([
           {
-            startOffset: h,
-            endOffset: y,
+            startOffset: g,
+            endOffset: T,
             style: d
           }
         ]);
         return;
       }
-      const T = new lt(v, s).getRangePointData(
+      const b = new dt(v, s).getRangePointData(
         M,
         M
       ).cursorList[0];
       this._textSelectionManagerService.replaceTextRanges([
         {
-          startOffset: h,
-          endOffset: T.endOffset,
+          startOffset: g,
+          endOffset: b.endOffset,
           style: d
         }
       ]);
     }
   }
   _handleMoveCursor(e) {
-    var h;
-    const t = this._textSelectionManagerService.getActiveRange(), n = this._textSelectionManagerService.getSelections(), r = this._currentUniverService.getCurrentUniverDocInstance(), s = (h = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : h.skeleton, o = this._getDocObject();
+    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)
       return;
-    const { startOffset: a, endOffset: c, style: d, collapsed: l } = t, p = r.getBody().dataStream.length ?? 1 / 0;
-    if (e === b.LEFT || e === b.RIGHT) {
+    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;
       if (!t.collapsed || n.length > 1) {
-        let g = 1 / 0, m = -1 / 0;
-        for (const f of n)
-          g = Math.min(g, f.startOffset), m = Math.max(m, f.endOffset);
-        u = e === b.LEFT ? g : m;
+        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;
       } else {
-        const g = s.findNodeByCharIndex(a - 1), m = s.findNodeByCharIndex(a);
-        e === b.LEFT ? u = Math.max(0, a - ((g == null ? void 0 : g.count) ?? 0)) : u = Math.min(p - 2, c + m.count);
+        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);
       }
       this._textSelectionManagerService.replaceTextRanges([
         {
@@ -2199,14 +2201,14 @@ let be = class extends W {
         }
       ]);
     } else {
-      const u = s.findNodeByCharIndex(a), g = s.findNodeByCharIndex(c), m = o.document.getOffsetConfig(), f = this._getTopOrBottomPosition(
+      const u = s.findNodeByCharIndex(a), p = s.findNodeByCharIndex(c), f = o.document.getOffsetConfig(), m = this._getTopOrBottomPosition(
         s,
-        e === b.UP ? u : g,
-        e === b.DOWN
+        e === D.UP ? u : p,
+        e === D.DOWN
       );
-      if (f == null) {
+      if (m == null) {
         let M;
-        l ? M = e === b.UP ? 0 : p - 2 : M = e === b.UP ? a : c, this._textSelectionManagerService.replaceTextRanges([
+        l ? M = e === D.UP ? 0 : h - 2 : M = e === D.UP ? a : c, this._textSelectionManagerService.replaceTextRanges([
           {
             startOffset: M,
             endOffset: M,
@@ -2215,9 +2217,9 @@ let be = class extends W {
         ]);
         return;
       }
-      const v = new lt(m, s).getRangePointData(
-        f,
-        f
+      const v = new dt(f, s).getRangePointData(
+        m,
+        m
       ).cursorList[0];
       this._textSelectionManagerService.replaceTextRanges([
         {
@@ -2240,13 +2242,13 @@ let be = class extends W {
   _getSpanLeftOffsetInLine(e) {
     const t = e.parent;
     if (t == null)
-      return -1 / 0;
+      return Number.NEGATIVE_INFINITY;
     const n = t.left, { left: r } = e;
     return n + r;
   }
   _matchPositionByLeftOffset(e, t, n) {
     const r = {
-      distance: 1 / 0
+      distance: Number.POSITIVE_INFINITY
     };
     for (const s of t.divides) {
       const o = s.left;
@@ -2259,7 +2261,7 @@ let be = class extends W {
       return e.findPositionBySpan(r.span);
   }
   _getNextOrPrevLine(e, t) {
-    var g, m, f, v, M, T, y, C, E, L, B, k;
+    var p, f, m, v, M, b, T, C, x, P, B, k;
     const n = e.parent;
     if (n == null)
       return;
@@ -2282,63 +2284,63 @@ let be = class extends W {
     if (d === -1)
       return;
     if (t === !0)
-      a = (g = c.columns[d + 1]) == null ? void 0 : g.lines[0];
+      a = (p = c.columns[d + 1]) == null ? void 0 : p.lines[0];
     else {
-      const I = (f = (m = c.columns) == null ? void 0 : m[d - 1]) == null ? void 0 : f.lines;
-      a = I == null ? void 0 : I[I.length - 1];
+      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];
     }
     if (a != null)
       return a;
     const l = c.parent;
     if (l == null)
       return;
-    const p = l.sections.indexOf(c);
-    if (p === -1)
+    const h = l.sections.indexOf(c);
+    if (h === -1)
       return;
     if (t === !0)
-      a = (M = (v = l.sections[p - 1]) == null ? void 0 : v.columns[0]) == null ? void 0 : M.lines[0];
+      a = (M = (v = l.sections[h - 1]) == null ? void 0 : v.columns[0]) == null ? void 0 : M.lines[0];
     else {
-      const I = (y = (T = l.sections) == null ? void 0 : T[p - 1]) == null ? void 0 : y.columns, G = I == null ? void 0 : I[I.length - 1], z = G == null ? void 0 : G.lines;
-      a = z == null ? void 0 : z[z.length - 1];
+      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];
     }
     if (a != null)
       return a;
-    const h = l.parent;
-    if (h == null)
+    const g = l.parent;
+    if (g == null)
       return;
-    const u = h.pages.indexOf(l);
+    const u = g.pages.indexOf(l);
     if (u !== -1) {
       if (t === !0)
-        a = (L = (E = (C = h.pages[u + 1]) == null ? void 0 : C.sections[0]) == null ? void 0 : E.columns[0]) == null ? void 0 : L.lines[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];
       else {
-        const I = (B = h.pages[u - 1]) == null ? void 0 : B.sections;
-        if (I == null)
+        const R = (B = g.pages[u - 1]) == null ? void 0 : B.sections;
+        if (R == null)
           return;
-        const G = (k = I[I.length - 1]) == null ? void 0 : k.columns, z = G[G.length - 1], st = z == null ? void 0 : z.lines;
-        a = st[st.length - 1];
+        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];
       }
       if (a != null)
         return a;
     }
   }
   _getDocObject() {
-    return Ne(this._currentUniverService, this._renderManagerService);
+    return $e(this._currentUniverService, this._renderManagerService);
   }
 };
-be = Or([
-  V(F.Rendered, be),
-  ae(0, U(A)),
-  ae(1, O),
-  ae(2, H),
-  ae(3, U(P)),
-  ae(4, x)
-], be);
-var yr = Object.defineProperty, br = Object.getOwnPropertyDescriptor, Dr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? br(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+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 && yr(e, t, r), r;
-}, ce = (i, e) => (t, n) => e(t, n, i);
-let De = class extends W {
+  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) {
     super();
     S(this, "_onInputSubscription");
@@ -2353,20 +2355,20 @@ let De = class extends W {
   }
   _initialNormalInput() {
     this._onInputSubscription = this._textSelectionRenderManager.onInput$.subscribe(async (e) => {
-      var g;
+      var p;
       if (e == null)
         return;
-      const n = this._currentUniverService.getCurrentUniverDocInstance().getUnitId(), { event: r, content: s = "", activeRange: o } = e, a = r, c = (g = this._docSkeletonManagerService.getCurrent()) == null ? void 0 : g.skeleton;
+      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)
         return;
-      const { startOffset: d, segmentId: l, style: p } = o, h = s.length, u = [
+      const { startOffset: d, segmentId: l, style: h } = o, g = s.length, u = [
         {
-          startOffset: d + h,
-          endOffset: d + h,
-          style: p
+          startOffset: d + g,
+          endOffset: d + g,
+          style: h
         }
       ];
-      await this._commandService.executeCommand(Qe.id, {
+      await this._commandService.executeCommand(et.id, {
         unitId: n,
         body: {
           dataStream: s
@@ -2380,24 +2382,24 @@ let De = class extends W {
   _commandExecutedListener() {
   }
   _getDocObject() {
-    return Ne(this._currentUniverService, this._renderManagerService);
+    return $e(this._currentUniverService, this._renderManagerService);
   }
 };
 De = Dr([
-  V(F.Rendered, De),
-  ce(0, U(A)),
-  ce(1, O),
-  ce(2, H),
-  ce(3, _e),
-  ce(4, x)
+  F(j.Rendered, De),
+  le(0, w(L)),
+  le(1, y),
+  le(2, G),
+  le(3, Se),
+  le(4, O)
 ], De);
-var Tr = Object.defineProperty, Pr = Object.getOwnPropertyDescriptor, Er = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Pr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+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 && Tr(e, t, r), r;
+  return n && r && Pr(e, t, r), r;
 }, Rt = (i, e) => (t, n) => e(t, n, i);
-const Ur = "rgba(198, 198, 198, 1)", wr = "rgba(255, 255, 255, 1)";
-let Te = class extends W {
+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();
   }
@@ -2414,15 +2416,15 @@ let Te = class extends W {
         return;
       const { mainComponent: t } = e, n = t, r = (s = n.getSkeleton()) == null ? void 0 : s.getPageSize();
       n.onPageRenderObservable.add((o) => {
-        if ([Z, K].includes(i))
+        if ([K, J].includes(i))
           return;
-        const { page: a, pageLeft: c, pageTop: d, ctx: l } = o, { width: p, pageWidth: h, height: u, pageHeight: g } = a;
-        l.save(), l.translate(c - 0.5, d - 0.5), on.drawWith(l, {
-          width: (r == null ? void 0 : r.width) ?? h ?? p,
-          height: (r == null ? void 0 : r.height) ?? g ?? u,
+        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,
           strokeWidth: 1,
-          stroke: Ur,
-          fill: wr,
+          stroke: wr,
+          fill: Nr,
           zIndex: 3
         }), l.restore();
       });
@@ -2431,17 +2433,17 @@ let Te = class extends W {
   _commandExecutedListener() {
   }
 };
-Te = Er([
-  V(F.Rendered, Te),
-  Rt(0, H),
-  Rt(1, U(O))
-], Te);
-var Lr = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, Nr = (i, e, t, n) => {
+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 Pe = class extends W {
+let Ee = class extends X {
   constructor(e, t, n, r, s, o, a) {
     super();
     S(this, "_moveInObserver");
@@ -2456,6 +2458,7 @@ let Pe = class extends W {
   }
   _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())
     );
   }
@@ -2471,9 +2474,9 @@ let Pe = class extends W {
       return;
     const { document: n, scene: r } = t;
     this._moveInObserver = n.onPointerEnterObserver.add(() => {
-      n.cursor = dt.TEXT;
+      n.cursor = ut.TEXT;
     }), this._moveOutObserver = n.onPointerLeaveObserver.add(() => {
-      n.cursor = dt.DEFAULT, r.resetCursor();
+      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) => {
@@ -2483,7 +2486,7 @@ let Pe = class extends W {
     });
   }
   _commandExecutedListener() {
-    const e = [Y.id];
+    const e = [Z.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         var n;
@@ -2511,25 +2514,25 @@ let Pe = class extends W {
     });
   }
   _getDocObjectById(e) {
-    return In(e, this._renderManagerService);
+    return xn(e, this._renderManagerService);
   }
 };
-Pe = Nr([
-  V(F.Rendered, Pe),
-  q(0, U(A)),
-  q(1, O),
-  q(2, x),
-  q(3, H),
-  q(4, _e),
-  q(5, U(P)),
-  q(6, Cn(Sn))
-], Pe);
-var $r = Object.defineProperty, Br = Object.getOwnPropertyDescriptor, jr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Br(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+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 && $r(e, t, r), r;
-}, le = (i, e) => (t, n) => e(t, n, i);
-let Ee = class extends W {
+  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) {
     super();
     S(this, "_initializedRender", /* @__PURE__ */ new Set());
@@ -2546,7 +2549,7 @@ let Ee = class extends W {
       if (e == null)
         return;
       const { unitId: t } = e, n = this._renderManagerService.getRenderById(t);
-      if (n == null || this._initializedRender.has(t) || [Z, K].includes(t))
+      if (n == null || this._initializedRender.has(t) || [K, J].includes(t))
         return;
       this._initializedRender.add(t);
       const { scene: r } = n;
@@ -2560,7 +2563,7 @@ let Ee = class extends W {
             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(Bt.id, {
+            l = l >= 4 ? 4 : l <= 0.1 ? 0.1 : l, this._commandService.executeCommand(Vt.id, {
               zoomRatio: l,
               unitId: c.getUnitId()
             }), s.preventDefault();
@@ -2589,7 +2592,7 @@ let Ee = class extends W {
     );
   }
   _commandExecutedListener() {
-    const e = [Y.id];
+    const e = [Z.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (e.includes(t.id)) {
@@ -2611,12 +2614,12 @@ let Ee = class extends W {
     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)
       return;
-    const { width: l, height: p } = s;
-    let h = 0, u = 0, g = 0, m = 0, f = 1 / 0;
-    l > (o + c * 2) * t ? (h = l / 2 - o * t / 2, h /= t, g = (l - c * 2) / t, f = 0) : (h = c, g = o + c * 2, f = (g - l / t) / 2), p > a ? (u = p / 2 - a / 2, m = (p - d * 2) / t) : (u = d, m = a + d * 2), r.resize(g, m + 200), n.translate(h, u);
-    const v = r.getViewport(Je.VIEW_MAIN);
-    if (f !== 1 / 0 && v != null) {
-      const M = v.getBarScroll(f, 0).x;
+    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
       });
@@ -2624,107 +2627,107 @@ let Ee = class extends W {
     return this;
   }
   _getDocObject() {
-    return Ne(this._currentUniverService, this._renderManagerService);
+    return $e(this._currentUniverService, this._renderManagerService);
   }
 };
-Ee = jr([
-  V(F.Rendered, Ee),
-  le(0, U(A)),
-  le(1, O),
-  le(2, x),
-  le(3, H),
-  le(4, U(P))
-], Ee);
-const Vr = {
-  id: Pt.id,
-  preconditions: (i) => i.getContextValue(w),
-  binding: $.ENTER
-}, Fr = {
+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(w),
-  binding: $.BACKSPACE
+  preconditions: (i) => i.getContextValue(N),
+  binding: $.ENTER
 }, kr = {
   id: Ut.id,
-  preconditions: (i) => i.getContextValue(w),
-  binding: $.DELETE
+  preconditions: (i) => i.getContextValue(N),
+  binding: $.BACKSPACE
 }, zr = {
-  id: Q.id,
+  id: wt.id,
+  preconditions: (i) => i.getContextValue(N),
+  binding: $.DELETE
+}, Wr = {
+  id: ee.id,
   binding: $.ARROW_UP,
-  preconditions: (i) => i.getContextValue(w),
+  preconditions: (i) => i.getContextValue(N),
   staticParameters: {
-    direction: b.UP
+    direction: D.UP
   }
-}, Wr = {
-  id: Q.id,
+}, Hr = {
+  id: ee.id,
   binding: $.ARROW_DOWN,
-  preconditions: (i) => i.getContextValue(w),
+  preconditions: (i) => i.getContextValue(N),
   staticParameters: {
-    direction: b.DOWN
+    direction: D.DOWN
   }
-}, Hr = {
-  id: Q.id,
+}, Xr = {
+  id: ee.id,
   binding: $.ARROW_LEFT,
-  preconditions: (i) => i.getContextValue(w),
+  preconditions: (i) => i.getContextValue(N),
   staticParameters: {
-    direction: b.LEFT
+    direction: D.LEFT
   }
 }, Gr = {
-  id: Q.id,
+  id: ee.id,
   binding: $.ARROW_RIGHT,
-  preconditions: (i) => i.getContextValue(w),
+  preconditions: (i) => i.getContextValue(N),
   staticParameters: {
-    direction: b.RIGHT
+    direction: D.RIGHT
   }
-}, Xr = {
-  id: ee.id,
-  binding: $.ARROW_UP | ve.SHIFT,
-  preconditions: (i) => i.getContextValue(w),
+}, Yr = {
+  id: te.id,
+  binding: $.ARROW_UP | Me.SHIFT,
+  preconditions: (i) => i.getContextValue(N),
   staticParameters: {
-    direction: b.UP
+    direction: D.UP
   }
 }, qr = {
-  id: ee.id,
-  binding: $.ARROW_DOWN | ve.SHIFT,
-  preconditions: (i) => i.getContextValue(w),
+  id: te.id,
+  binding: $.ARROW_DOWN | Me.SHIFT,
+  preconditions: (i) => i.getContextValue(N),
   staticParameters: {
-    direction: b.DOWN
-  }
-}, Yr = {
-  id: ee.id,
-  binding: $.ARROW_LEFT | ve.SHIFT,
-  preconditions: (i) => i.getContextValue(w),
-  staticParameters: {
-    direction: b.LEFT
+    direction: D.DOWN
   }
 }, Zr = {
-  id: ee.id,
-  binding: $.ARROW_RIGHT | ve.SHIFT,
-  preconditions: (i) => i.getContextValue(w),
+  id: te.id,
+  binding: $.ARROW_LEFT | Me.SHIFT,
+  preconditions: (i) => i.getContextValue(N),
   staticParameters: {
-    direction: b.RIGHT
+    direction: D.LEFT
   }
 }, Kr = {
-  id: jt.id,
-  binding: $.A | ve.CTRL_COMMAND,
-  preconditions: (i) => i.getContextValue(w) || i.getContextValue(fe)
+  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 Jr = Object.defineProperty, Qr = Object.getOwnPropertyDescriptor, ei = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Qr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+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 && Jr(e, t, r), r;
-}, Me = (i, e) => (t, n) => e(t, n, i);
-let Ue = class extends me {
+  return n && r && Qr(e, t, r), r;
+}, Ce = (i, e) => (t, n) => e(t, n, i);
+let we = class extends me {
   constructor(e, t, n, r) {
     super();
     S(this, "_scene");
     S(this, "_currentDocumentModel");
     S(this, "_loadedMap", /* @__PURE__ */ new Set());
-    S(this, "_fps$", new de(""));
+    S(this, "_fps$", new ue(""));
     S(this, "fps$", this._fps$.asObservable());
     this._renderManagerService = e, this._configService = t, this._currentUniverService = n, this._docViewModelManagerService = r, this._initialize();
   }
   _initialize() {
-    this._currentUniverService.currentDoc$.pipe(Se(this.dispose$)).subscribe((e) => {
+    this._currentUniverService.currentDoc$.pipe(ve(this.dispose$)).subscribe((e) => {
       if (e == null)
         return;
       this._currentDocumentModel = e;
@@ -2745,109 +2748,109 @@ let Ue = class extends me {
       return;
     const { scene: o, engine: a } = s;
     o.openTransformer(), this._scene = o;
-    const c = new an(Je.VIEW_MAIN, o, {
+    const c = new cn(Qe.VIEW_MAIN, o, {
       left: 0,
       top: 0,
       bottom: 0,
       right: 0,
       isWheelPreventDefaultX: !0
     });
-    o.attachControl(), o.on(cn.wheel, (p, h) => {
-      const u = p;
+    o.attachControl(), o.on(ln.wheel, (h, g) => {
+      const u = h;
       if (u.ctrlKey) {
-        const g = Math.abs(u.deltaX);
-        let m = g < 40 ? 0.2 : g < 80 ? 0.4 : 0.2;
-        m *= u.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) : u.preventDefault();
+        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();
       } else
-        c.onMouseWheel(u, h);
-    }), this._configService.getConfig("hasScroll") !== !1 && t !== K && new ln(c), o.addLayer(
-      new ut(o, [], ht),
-      new ut(o, [], xn)
+        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(() => {
       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 dn(Ye.MAIN, void 0, {
+    const t = this._scene, n = this._currentDocumentModel, r = new un(Ze.MAIN, void 0, {
       pageMarginLeft: n.documentStyle.marginLeft || 0,
       pageMarginTop: n.documentStyle.marginTop || 0
     });
-    r.zIndex = On, e.mainComponent = r, e.components.set(Ye.MAIN, r), t.addObjects([r], ht);
+    r.zIndex = yn, e.mainComponent = r, e.components.set(Ze.MAIN, r), t.addObjects([r], gt);
   }
 };
-Ue = ei([
-  V(F.Ready, Ue),
-  Me(0, H),
-  Me(1, bt),
-  Me(2, O),
-  Me(3, U(ie))
-], Ue);
-var ti = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, ri = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? ni(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+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 && ti(e, t, r), r;
-}, Ce = (i, e) => (t, n) => e(t, n, i);
-const ii = {
+  return n && r && ni(e, t, r), r;
+}, Ie = (i, e) => (t, n) => e(t, n, i);
+const si = {
   hasScroll: !0
-}, si = "docs";
+}, oi = "docs";
 var Ge;
-let It = (Ge = class extends Yt {
+let xt = (Ge = class extends Zt {
   constructor(e = {}, t, n, r, s) {
-    super(si);
+    super(oi);
     S(this, "_config");
-    this._injector = t, this._localeService = n, this._configService = r, this._currentUniverService = s, this._config = Object.assign(ii, e), this._initializeDependencies(t), this._initializeCommands();
+    this._injector = t, this._localeService = n, this._configService = r, this._currentUniverService = s, this._config = Object.assign(si, e), this._initializeDependencies(t), this._initializeCommands();
   }
   initialize() {
   }
   _initializeCommands() {
     [
-      Q,
       ee,
-      Et,
+      te,
       Ut,
-      ue,
-      Be,
-      je,
-      Ve,
-      J,
-      se,
+      wt,
       he,
-      pe,
+      Ve,
       Fe,
-      Nt,
-      Pt,
-      Qe,
+      je,
+      Q,
+      oe,
+      ge,
+      pe,
+      ke,
+      $t,
+      Et,
       et,
-      Tt,
-      Lt,
       tt,
+      Pt,
+      Lt,
+      nt,
       _,
-      Wn,
       Hn,
-      Bt,
-      Y,
+      Xn,
+      Vt,
+      Z,
       Dt,
-      jt,
+      Ft,
+      zn,
       kn,
-      Fn,
-      rt
+      it
     ].forEach((e) => {
-      this._injector.get(x).registerCommand(e);
+      this._injector.get(O).registerCommand(e);
     }), [
-      zr,
       Wr,
-      Gr,
       Hr,
+      Gr,
       Xr,
-      qr,
       Yr,
+      qr,
       Zr,
       Kr,
-      Fr,
+      Jr,
       kr,
-      Vr
+      zr,
+      jr
     ].forEach((e) => {
-      this._injector.get(vn).registerShortcut(e);
+      this._injector.get(Mn).registerShortcut(e);
     });
   }
   onReady() {
@@ -2860,83 +2863,83 @@ let It = (Ge = class extends Yt {
       //     { useFactory: () => docInjector.createInstance(CanvasView, this._config.standalone ?? true) },
       // ], // FIXME: CanvasView shouldn't be a dependency of UniverDocs. Because it maybe created dynamically.
       //views
-      [Ue],
+      [we],
       // services
-      [A],
-      [ie],
-      [nt],
+      [L],
+      [se],
+      [rt],
       [
-        Vt,
+        jt,
         {
-          useClass: Ke
+          useClass: Je
         }
       ],
       [
-        _e,
+        Se,
         {
-          useClass: un
+          useClass: hn
         }
       ],
-      [P],
+      [U],
       // controllers
-      [Ie],
-      [Te],
+      [xe],
       [Pe],
+      [Ee],
       [De],
-      [Oe],
       [ye],
-      [Re],
       [be],
-      [Ee],
-      [xe]
+      [Re],
+      [Te],
+      [Ue],
+      [Oe]
     ].forEach((t) => e.add(t));
   }
-}, S(Ge, "type", Zt.Doc), Ge);
-It = ri([
-  Ce(1, U(Rn)),
-  Ce(2, U(xt)),
-  Ce(3, bt),
-  Ce(4, O)
-], It);
+}, S(Ge, "type", Kt.Doc), Ge);
+xt = ii([
+  Ie(1, w(Rn)),
+  Ie(2, w(Ot)),
+  Ie(3, Tt),
+  Ie(4, y)
+], xt);
 export {
-  Pt as BreakLineCommand,
-  Fn as BulletListCommand,
-  Hn as CoverContentCommand,
-  On as DOCS_COMPONENT_DEFAULT_Z_INDEX,
-  xn as DOCS_COMPONENT_HEADER_LAYER_INDEX,
-  ht as DOCS_COMPONENT_MAIN_LAYER_INDEX,
-  Ye as DOCS_VIEW_KEY,
-  et as DeleteCommand,
-  Et as DeleteLeftCommand,
-  Ut as DeleteRightCommand,
-  Ue as DocCanvasView,
-  ke as DocCopyCommand,
-  ze as DocCutCommand,
-  We as DocPasteCommand,
-  A as DocSkeletonManagerService,
-  ie as DocViewModelManagerService,
+  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,
-  Qe as InsertCommand,
-  Q as MoveCursorOperation,
-  ee as MoveSelectionOperation,
-  hi as NORMAL_TEXT_SELECTION_PLUGIN_NAME,
-  kn as OrderListCommand,
-  Wn as ReplaceContentCommand,
+  et as InsertCommand,
+  ee as MoveCursorOperation,
+  te as MoveSelectionOperation,
+  gi as NORMAL_TEXT_SELECTION_PLUGIN_NAME,
+  zn as OrderListCommand,
+  Hn as ReplaceContentCommand,
   _ as RichTextEditingMutation,
-  ue as SetInlineFormatBoldCommand,
-  Nt as SetInlineFormatCommand,
+  he as SetInlineFormatBoldCommand,
+  $t as SetInlineFormatCommand,
   pe as SetInlineFormatFontFamilyCommand,
-  he as SetInlineFormatFontSizeCommand,
-  Be as SetInlineFormatItalicCommand,
-  Ve as SetInlineFormatStrikethroughCommand,
-  J as SetInlineFormatSubscriptCommand,
-  se as SetInlineFormatSuperscriptCommand,
-  Fe as SetInlineFormatTextColorCommand,
-  je as SetInlineFormatUnderlineCommand,
+  ge as SetInlineFormatFontSizeCommand,
+  Ve as SetInlineFormatItalicCommand,
+  je as SetInlineFormatStrikethroughCommand,
+  Q as SetInlineFormatSubscriptCommand,
+  oe as SetInlineFormatSuperscriptCommand,
+  ke as SetInlineFormatTextColorCommand,
+  Fe as SetInlineFormatUnderlineCommand,
   Dt as SetTextSelectionsOperation,
-  P as TextSelectionManagerService,
-  It as UniverDocsPlugin,
-  Tt as UpdateCommand,
-  Je as VIEWPORT_KEY,
-  Ne as getDocObject
+  U as TextSelectionManagerService,
+  xt as UniverDocsPlugin,
+  Pt as UpdateCommand,
+  Qe as VIEWPORT_KEY,
+  $e as getDocObject
 };