@univerjs/docs 0.1.0-alpha.3 → 0.1.0-beta.1

package/lib/es/index.js

@@ -1,12 +1,12 @@
-var jt = Object.defineProperty;
-var Ft = (n, e, t) => e in n ? jt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var S = (n, e, t) => (Ft(n, typeof e != "symbol" ? e + "" : e, t), t);
-import { CommandType as R, RxDisposable as Rt, ICommandService as x, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as K, IUniverInstanceService as O, IUndoRedoService as N, DataStreamTreeTokenType as Xe, Tools as H, FOCUSING_DOC as w, FOCUSING_EDITOR as fe, LocaleService as It, MemoryCursor as Le, getDocsUpdateBody as kt, UpdateDocsAttributeType as xt, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as J, BooleanNumber as D, BaselineOffset as V, PresetListType as Ot, LRUMap as zt, ColorKit as it, Disposable as j, toDisposable as qe, OnLifecycle as F, LifecycleStages as k, ILogService as Wt, IContextService as Ht, DEFAULT_DOCUMENT_SUB_COMPONENT_ID as Gt, IFloatingObjectManagerService as Xt, Direction as b, IConfigService as yt, Plugin as qt, PluginType as Yt } from "@univerjs/core";
-import { NORMAL_TEXT_SELECTION_PLUGIN_STYLE as Zt, ITextSelectionRenderManager as _e, DocumentViewModel as Kt, DocumentSkeleton as Jt, hasListSpan as Qt, isIndentBySpan as en, isFirstSpan as tn, getParagraphBySpan as nn, PageLayoutType as ot, IRenderManagerService as G, Liquid as rn, RANGE_DIRECTION as at, NodePositionConvertToCursor as ct, Rect as sn, CURSOR_TYPE as lt, Viewport as on, EVENT_TYPE as an, ScrollBar as cn, Layer as dt, Documents as ln, TextSelectionRenderManager as dn } from "@univerjs/engine-render";
-import { BehaviorSubject as de, takeUntil as un } 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 Se, IShortcutService as vn } from "@univerjs/ui";
+var Ft = Object.defineProperty;
+var kt = (n, e, t) => e in n ? Ft(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var S = (n, e, t) => (kt(n, typeof e != "symbol" ? e + "" : e, t), t);
+import { CommandType as R, RxDisposable as Ze, ICommandService as x, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as K, IUniverInstanceService as O, IUndoRedoService as N, DataStreamTreeTokenType as He, Tools as H, FOCUSING_DOC as w, FOCUSING_EDITOR as me, LocaleService as It, MemoryCursor as we, getDocsUpdateBody as zt, UpdateDocsAttributeType as xt, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as J, BooleanNumber as D, BaselineOffset as j, PresetListType as Ot, LRUMap as Wt, ColorKit as it, Disposable as W, toDisposable as Ge, 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 yt, Plugin as Yt, PluginType as Zt } from "@univerjs/core";
+import { NORMAL_TEXT_SELECTION_PLUGIN_STYLE as Kt, ITextSelectionRenderManager as fe, DocumentViewModel as Jt, DocumentSkeleton as Qt, hasListSpan as en, isIndentBySpan as tn, isFirstSpan as nn, getParagraphBySpan as rn, PageLayoutType as ot, IRenderManagerService as G, Liquid as sn, RANGE_DIRECTION as at, NodePositionConvertToCursor as ct, Rect as on, CURSOR_TYPE as lt, Viewport as an, EVENT_TYPE as cn, ScrollBar as ln, Layer as dt, Documents as dn, TextSelectionRenderManager as un } from "@univerjs/engine-render";
+import { BehaviorSubject as de, takeUntil as bt } 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 _e, IShortcutService as vn } from "@univerjs/ui";
 import { Inject as U, createIdentifier as Mn, Optional as Cn, Injector as Rn } from "@wendellhu/redi";
-function Ae(n, e) {
+function Le(n, e) {
   const r = n.getCurrentUniverDocInstance().getUnitId(), s = e.getRenderById(r);
   if (s == null)
     return;
@@ -21,15 +21,15 @@ function In(n, e) {
   const t = e.getRenderById(n);
   if (t == null)
     return;
-  const { components: r, mainComponent: s, scene: i, engine: o } = t;
+  const { mainComponent: r, scene: s, engine: i } = t;
   return {
-    document: s,
-    scene: i,
-    engine: o
+    document: r,
+    scene: s,
+    engine: i
   };
 }
-var Ye = /* @__PURE__ */ ((n) => (n.MAIN = "__Document_Render_Main__", n))(Ye || {}), ue = /* @__PURE__ */ ((n) => (n.VIEW_MAIN = "viewMain", n.VIEW_TOP = "viewTop", n.VIEW_LEFT = "viewLeft", n.VIEW_LEFT_TOP = "viewLeftTop", n))(ue || {});
-const Fe = 0, xn = 2, On = 10, us = "normalTextSelectionPluginName", bt = {
+var Xe = /* @__PURE__ */ ((n) => (n.MAIN = "__Document_Render_Main__", n))(Xe || {}), Ke = /* @__PURE__ */ ((n) => (n.VIEW_MAIN = "viewMain", n.VIEW_TOP = "viewTop", n.VIEW_LEFT = "viewLeft", n.VIEW_LEFT_TOP = "viewLeftTop", n))(Ke || {});
+const ut = 0, xn = 2, On = 10, hs = "normalTextSelectionPluginName", Dt = {
   id: "doc.operation.set-selections",
   type: R.OPERATION,
   handler: (n, e) => !0
@@ -38,8 +38,8 @@ var yn = Object.defineProperty, bn = Object.getOwnPropertyDescriptor, Dn = (n, e
   for (var s = r > 1 ? void 0 : r ? bn(e, t) : e, i = n.length - 1, o; i >= 0; i--)
     (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
   return r && s && yn(e, t, s), s;
-}, ut = (n, e) => (t, r) => e(t, r, n);
-function ht(n) {
+}, ht = (n, e) => (t, r) => e(t, r, n);
+function pt(n) {
   const { startOffset: e, endOffset: t, collapsed: r } = n;
   return {
     startOffset: e,
@@ -47,7 +47,7 @@ function ht(n) {
     collapsed: r
   };
 }
-let P = class extends Rt {
+let P = class extends Ze {
   constructor(e, t) {
     super();
     S(this, "_currentSelection", null);
@@ -105,7 +105,7 @@ let P = class extends Rt {
       ...this._currentSelection,
       textRanges: e,
       segmentId: "",
-      style: Zt
+      style: Kt
       // mock style.
     });
   }
@@ -114,7 +114,7 @@ let P = class extends Rt {
   }
   // All textRanges should be synchronized from the render layer.
   _syncSelectionFromRenderService() {
-    this._textSelectionRenderManager.textSelectionInner$.pipe(un(this.dispose$)).subscribe((e) => {
+    this._textSelectionRenderManager.textSelectionInner$.pipe(bt(this.dispose$)).subscribe((e) => {
       e != null && this._replaceTextRangesWithNoRefresh(e);
     });
   }
@@ -127,12 +127,12 @@ let P = class extends Rt {
     };
     this._replaceByParam(t), this._textSelection$.next(t);
     const { unitId: r, subUnitId: s, segmentId: i, style: o, textRanges: a } = t;
-    this._commandService.executeCommand(bt.id, {
+    this._commandService.executeCommand(Dt.id, {
       unitId: r,
       subUnitId: s,
       segmentId: i,
       style: o,
-      ranges: a.map(ht)
+      ranges: a.map(pt)
     });
   }
   _getTextRanges(e) {
@@ -144,7 +144,7 @@ let P = class extends Rt {
   }
   _refresh(e) {
     const t = this._getTextRanges(e);
-    this._textSelectionRenderManager.removeAllTextRanges(), t && Array.isArray(t.textRanges) && t.textRanges.length && this._textSelectionRenderManager.addTextRanges(t.textRanges.map(ht));
+    this._textSelectionRenderManager.removeAllTextRanges(), t && Array.isArray(t.textRanges) && t.textRanges.length && this._textSelectionRenderManager.addTextRanges(t.textRanges.map(pt));
   }
   _replaceByParam(e) {
     const { unitId: t, subUnitId: r, style: s, segmentId: i, textRanges: o } = e;
@@ -158,10 +158,10 @@ let P = class extends Rt {
   }
 };
 P = Dn([
-  ut(0, _e),
-  ut(1, x)
+  ht(0, fe),
+  ht(1, x)
 ], P);
-function Ne(n, e = "", t = 0) {
+function Ae(n, e = "", t = 0) {
   const { startOffset: r, endOffset: s } = n, i = [], o = r - t, a = s - t;
   return o > 0 && i.push({
     t: "r",
@@ -220,7 +220,7 @@ let se = class {
     }
   }
   _buildDocViewModel(n) {
-    return new Kt(n);
+    return new Jt(n);
   }
 };
 se = En([
@@ -250,11 +250,11 @@ const _ = {
         mutations: []
       }
     };
-    h ? p.params.mutations.push({
+    h ? l > 0 && p.params.mutations.push({
       t: "r",
       len: l,
       segmentId: o
-    }) : p.params.mutations.push(...Ne(i, o)), p.params.mutations.push({
+    }) : p.params.mutations.push(...Ae(i, o)), p.params.mutations.push({
       t: "i",
       body: a,
       len: a.dataStream.length,
@@ -310,7 +310,7 @@ const Qe = {
       }
     }), !1;
   }
-}, Dt = {
+}, Tt = {
   id: "doc.command.update-text",
   type: R.COMMAND,
   handler: async (n, e) => {
@@ -349,7 +349,7 @@ const Qe = {
 function wn(n, e) {
   const t = [];
   for (let r = 0, s = n.length; r < s; r++)
-    n[r] === Xe.PARAGRAPH && t.push({
+    n[r] === He.PARAGRAPH && t.push({
       startIndex: r
     });
   if (e)
@@ -357,7 +357,7 @@ function wn(n, e) {
       e.bullet && (r.bullet = H.deepClone(e.bullet)), e.paragraphStyle && (r.paragraphStyle = H.deepClone(e.paragraphStyle));
   return t;
 }
-const Tt = {
+const Pt = {
   id: "doc.command.break-line",
   type: R.COMMAND,
   handler: async (n) => {
@@ -375,44 +375,44 @@ const Tt = {
     return await r.executeCommand(Je.id, {
       unitId: o,
       body: {
-        dataStream: Xe.PARAGRAPH,
-        paragraphs: wn(Xe.PARAGRAPH, p)
+        dataStream: He.PARAGRAPH,
+        paragraphs: wn(He.PARAGRAPH, p)
       },
       range: s,
       textRanges: l,
       segmentId: c
     });
   }
-}, ke = {
+}, Ve = {
   id: hn.id,
   name: "doc.command.copy",
   type: R.COMMAND,
   multi: !0,
   priority: 999,
-  preconditions: (n) => n.getContextValue(w) || n.getContextValue(fe),
+  preconditions: (n) => n.getContextValue(w) || n.getContextValue(me),
   handler: async () => !0
-}, ze = {
+}, Fe = {
   id: pn.id,
   name: "doc.command.cut",
   type: R.COMMAND,
   multi: !0,
   priority: 999,
-  preconditions: (n) => n.getContextValue(w) || n.getContextValue(fe),
+  preconditions: (n) => n.getContextValue(w) || n.getContextValue(me),
   handler: async () => !0
-}, We = {
+}, ke = {
   id: gn.id,
   name: "doc.command.paste",
   type: R.COMMAND,
   multi: !0,
   priority: 999,
-  preconditions: (n) => n.getContextValue(w) || n.getContextValue(fe),
+  preconditions: (n) => n.getContextValue(w) || n.getContextValue(me),
   handler: async () => !0
 };
 var Ln = Object.defineProperty, An = Object.getOwnPropertyDescriptor, Nn = (n, e, t, r) => {
   for (var s = r > 1 ? void 0 : r ? An(e, t) : e, i = n.length - 1, o; i >= 0; i--)
     (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
   return r && s && Ln(e, t, s), s;
-}, pt = (n, e) => (t, r) => e(t, r, n);
+}, gt = (n, e) => (t, r) => e(t, r, n);
 let A = class {
   constructor(n, e) {
     S(this, "_currentSkeletonUnitId", "");
@@ -463,14 +463,14 @@ let A = class {
     return this._docSkeletonMap.get(n);
   }
   _buildSkeleton(n) {
-    return Jt.create(n, this._localeService);
+    return Qt.create(n, this._localeService);
   }
 };
 A = Nn([
-  pt(0, U(It)),
-  pt(1, U(se))
+  gt(0, U(It)),
+  gt(1, U(se))
 ], A);
-const gt = {
+const mt = {
   id: "doc.command.inner-paste",
   type: R.COMMAND,
   handler: async (n, e) => {
@@ -483,7 +483,7 @@ const gt = {
         unitId: h,
         mutations: []
       }
-    }, u = new Le();
+    }, u = new we();
     u.reset();
     for (const m of d) {
       const { startOffset: f, endOffset: v, collapsed: M } = m, T = f - u.cursor;
@@ -492,7 +492,7 @@ const gt = {
         len: T,
         segmentId: t
       }) : p.params.mutations.push(
-        ...Ne(m, t, u.cursor)
+        ...Ae(m, t, u.cursor)
       ), p.params.mutations.push({
         t: "i",
         body: r,
@@ -514,14 +514,14 @@ const gt = {
       }
     }), !0) : !1;
   }
-}, Ue = {
+}, Ee = {
   id: "doc.command.inner-cut",
   type: R.COMMAND,
   handler: async (n, e) => {
     const { segmentId: t, textRanges: r } = e, s = n.get(N), i = n.get(x), o = n.get(P), a = n.get(O), c = o.getSelections();
     if (!Array.isArray(c) || c.length === 0)
       return !1;
-    const d = a.getCurrentUniverDocInstance().getUnitId(), l = a.getUniverDocInstance(d), h = kt(l.snapshot, t);
+    const d = a.getCurrentUniverDocInstance().getUnitId(), l = a.getUniverDocInstance(d), h = zt(l.snapshot, t);
     if (h == null)
       return !1;
     const p = {
@@ -530,7 +530,7 @@ const gt = {
         unitId: d,
         mutations: []
       }
-    }, u = new Le();
+    }, u = new we();
     u.reset();
     for (const m of c) {
       const { startOffset: f, endOffset: v, collapsed: M } = m, T = f - u.cursor;
@@ -590,7 +590,7 @@ function $n(n, e, t = "", r = 0) {
     });
   return o;
 }
-const Pt = {
+const Et = {
   id: "doc.command.delete-left",
   type: R.COMMAND,
   handler: async (n) => {
@@ -602,11 +602,11 @@ const Pt = {
     const d = r.getCurrentUniverDocInstance(), { startOffset: l, collapsed: h, segmentId: p, style: u } = i;
     if (l === 0 && h)
       return !0;
-    const g = a.findNodeByCharIndex(l), m = Qt(g), f = en(g, d.body);
+    const g = a.findNodeByCharIndex(l), m = en(g), f = tn(g, d.body);
     let v = l;
     const M = a.findNodeByCharIndex(l - 1);
-    if (tn(g) && M !== g && (m === !0 || f === !0)) {
-      const C = nn(g, d.body);
+    if (nn(g) && M !== g && (m === !0 || f === !0)) {
+      const C = rn(g, d.body);
       if (C == null)
         return !1;
       const E = C == null ? void 0 : C.startIndex, L = { startIndex: 0 }, B = C.paragraphStyle;
@@ -617,14 +617,14 @@ const Pt = {
         const I = C.bullet;
         I && (L.bullet = I), B != null && (L.paragraphStyle = { ...B }, delete L.paragraphStyle.hanging, delete L.paragraphStyle.indentStart);
       }
-      const z = [
+      const k = [
         {
           startOffset: v,
           endOffset: v,
           style: u
         }
       ];
-      c = await s.executeCommand(Dt.id, {
+      c = await s.executeCommand(Tt.id, {
         unitId: d.getUnitId(),
         updateBody: {
           dataStream: "",
@@ -634,7 +634,7 @@ const Pt = {
           startOffset: E,
           endOffset: E + 1
         },
-        textRanges: z,
+        textRanges: k,
         coverType: xt.REPLACE,
         segmentId: p
       });
@@ -663,15 +663,15 @@ const Pt = {
         });
       }
     else {
-      const C = Ut(i, o);
-      c = await s.executeCommand(Ue.id, {
+      const C = wt(i, o);
+      c = await s.executeCommand(Ee.id, {
         segmentId: p,
         textRanges: C
       });
     }
     return c;
   }
-}, Et = {
+}, Ut = {
   id: "doc.command.delete-right",
   type: R.COMMAND,
   handler: async (n) => {
@@ -708,8 +708,8 @@ const Pt = {
         });
       }
     } else {
-      const m = Ut(i, o);
-      c = await s.executeCommand(Ue.id, {
+      const m = wt(i, o);
+      c = await s.executeCommand(Ee.id, {
         segmentId: p,
         textRanges: m
       });
@@ -720,14 +720,14 @@ const Pt = {
   id: "doc.command.merge-two-paragraph",
   type: R.COMMAND,
   handler: async (n, e) => {
-    var L, B, z;
+    var L, B, k;
     const t = n.get(P), r = n.get(O), s = n.get(x), i = n.get(N), { direction: o, range: a } = e, c = t.getActiveRange(), d = t.getSelections();
     if (c == null || d == null)
       return !1;
     const l = r.getCurrentUniverDocInstance(), { startOffset: h, collapsed: p, segmentId: u, style: g } = c;
     if (!p)
       return !1;
-    const m = o === q.LEFT ? h : h + 1, f = (z = (B = (L = l.getBody()) == null ? void 0 : L.paragraphs) == null ? void 0 : B.find((I) => I.startIndex >= m)) == null ? void 0 : z.startIndex, v = Bn(l.getBody(), m, f), M = o === q.LEFT ? h - 1 : h, T = l.getUnitId(), y = [
+    const m = o === q.LEFT ? h : h + 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 === q.LEFT ? h - 1 : h, T = l.getUnitId(), y = [
       {
         startOffset: M,
         endOffset: M,
@@ -802,7 +802,7 @@ function Bn(n, e, t) {
     textRuns: i
   };
 }
-function Ut(n, e) {
+function wt(n, e) {
   let t = n.endOffset;
   for (const s of e) {
     const { startOffset: i, endOffset: o } = s;
@@ -853,7 +853,7 @@ class tt {
       t: "r",
       len: s,
       segmentId: r
-    }), o.mutations.push(this._undoMutationParamsCache[0].mutations.find((c) => c.t === "i")), a.mutations.push(...Ne(this._previousActiveRange, r))), e.length && (o.mutations.push({
+    }), o.mutations.push(this._undoMutationParamsCache[0].mutations.find((c) => c.t === "i")), a.mutations.push(...Ae(this._previousActiveRange, r))), e.length && (o.mutations.push({
       t: "d",
       len: e.length,
       line: 0,
@@ -872,7 +872,7 @@ class tt {
     this._undoMutationParamsCache = [], this._redoMutationParamsCache = [], this._previousActiveRange = null;
   }
 }
-const wt = {
+const Lt = {
   id: "doc.command.ime-input",
   type: R.COMMAND,
   handler: async (n, e) => {
@@ -887,7 +887,7 @@ const wt = {
       t: "r",
       len: i.startOffset,
       segmentId: o
-    }) : u.params.mutations.push(...Ne(i, o)), s > 0 && u.params.mutations.push({
+    }) : u.params.mutations.push(...Ae(i, o)), s > 0 && u.params.mutations.push({
       t: "d",
       len: s,
       line: 0,
@@ -924,19 +924,19 @@ const wt = {
       return !!g;
     return !1;
   }
-}, he = {
+}, ue = {
   id: "doc.command.set-inline-format-bold",
   type: R.COMMAND,
   handler: async () => !0
-}, $e = {
+}, Ne = {
   id: "doc.command.set-inline-format-italic",
   type: R.COMMAND,
   handler: async () => !0
-}, Be = {
+}, $e = {
   id: "doc.command.set-inline-format-underline",
   type: R.COMMAND,
   handler: async () => !0
-}, Ve = {
+}, Be = {
   id: "doc.command.set-inline-format-strikethrough",
   type: R.COMMAND,
   handler: async () => !0
@@ -948,11 +948,11 @@ const wt = {
   id: "doc.command.set-inline-format-superscript",
   type: R.COMMAND,
   handler: async () => !0
-}, pe = {
+}, he = {
   id: "doc.command.set-inline-format-fontsize",
   type: R.COMMAND,
   handler: async () => !0
-}, ge = {
+}, pe = {
   id: "doc.command.set-inline-format-font-family",
   type: R.COMMAND,
   handler: async () => !0
@@ -960,17 +960,17 @@ const wt = {
   id: "doc.command.set-inline-format-text-color",
   type: R.COMMAND,
   handler: async () => !0
-}, Lt = {
-  [he.id]: "bl",
-  [$e.id]: "it",
-  [Be.id]: "ul",
-  [Ve.id]: "st",
-  [pe.id]: "fs",
-  [ge.id]: "ff",
+}, At = {
+  [ue.id]: "bl",
+  [Ne.id]: "it",
+  [$e.id]: "ul",
+  [Be.id]: "st",
+  [he.id]: "fs",
+  [pe.id]: "ff",
   [je.id]: "cl",
   [Q.id]: "va",
   [ie.id]: "va"
-}, At = {
+}, Nt = {
   id: "doc.command.set-inline-format",
   type: R.COMMAND,
   handler: async (n, e) => {
@@ -981,21 +981,21 @@ const wt = {
     h === J && (l = c.getUniverDocInstance(K), h = l.getUnitId());
     let p;
     switch (s) {
-      case he.id:
+      case ue.id:
+      case Ne.id:
       case $e.id:
       case Be.id:
-      case Ve.id:
       case Q.id:
       case ie.id: {
-        p = jn(
+        p = Vn(
           l.getBody().textRuns,
           s,
           d
         );
         break;
       }
-      case pe.id:
-      case ge.id: {
+      case he.id:
+      case pe.id: {
         p = r;
         break;
       }
@@ -1014,7 +1014,7 @@ const wt = {
         unitId: h,
         mutations: []
       }
-    }, g = new Le();
+    }, g = new we();
     g.reset();
     for (const v of d) {
       const { startOffset: M, endOffset: T } = v, y = {
@@ -1024,7 +1024,7 @@ const wt = {
             st: 0,
             ed: T - M,
             ts: {
-              [Lt[s]]: p
+              [At[s]]: p
             }
           }
         ]
@@ -1041,9 +1041,9 @@ const wt = {
       }), g.reset(), g.moveCursor(T);
     }
     const m = o.syncExecuteCommand(u.id, u.params), f = [
+      ue.id,
       he.id,
       pe.id,
-      ge.id,
       Q.id,
       ie.id
     ];
@@ -1060,12 +1060,12 @@ const wt = {
     }), !0) : !1;
   }
 };
-function Vn(n) {
+function jn(n) {
   return n !== null && typeof n == "object";
 }
-function jn(n, e, t) {
+function Vn(n, e, t) {
   let r = 0, s = 0;
-  const i = Lt[e];
+  const i = At[e];
   for (; r !== n.length && s !== t.length; ) {
     const { startOffset: o, endOffset: a } = t[s], { st: c, ed: d, ts: l } = n[r];
     if (a <= c)
@@ -1081,16 +1081,16 @@ function jn(n, e, t) {
             s: D.TRUE
           };
         if (/va/.test(i))
-          return e === Q.id ? V.SUBSCRIPT : V.SUPERSCRIPT;
+          return e === Q.id ? j.SUBSCRIPT : j.SUPERSCRIPT;
       }
-      if (Vn(l == null ? void 0 : l[i]) && l[i].s === D.FALSE)
+      if (jn(l == null ? void 0 : l[i]) && l[i].s === D.FALSE)
         return {
           s: D.TRUE
         };
-      if (e === Q.id && (l == null ? void 0 : l[i]) !== V.SUBSCRIPT)
-        return V.SUBSCRIPT;
-      if (e === ie.id && (l == null ? void 0 : l[i]) !== V.SUPERSCRIPT)
-        return V.SUPERSCRIPT;
+      if (e === Q.id && (l == null ? void 0 : l[i]) !== j.SUBSCRIPT)
+        return j.SUBSCRIPT;
+      if (e === ie.id && (l == null ? void 0 : l[i]) !== j.SUPERSCRIPT)
+        return j.SUPERSCRIPT;
       if ((l == null ? void 0 : l[i]) === D.FALSE)
         return D.TRUE;
       r++;
@@ -1098,7 +1098,7 @@ function jn(n, e, t) {
   }
   return /bl|it/.test(i) ? D.FALSE : /ul|st/.test(i) ? {
     s: D.FALSE
-  } : V.NORMAL;
+  } : j.NORMAL;
 }
 const Fn = {
   id: "doc.command.bullet-list",
@@ -1135,7 +1135,7 @@ const Fn = {
         unitId: p,
         mutations: []
       }
-    }, v = new Le();
+    }, v = new we();
     v.reset();
     for (const y of l) {
       const { startIndex: C } = y;
@@ -1209,7 +1209,7 @@ const Wn = {
     const { unitId: t, body: r, textRanges: s, segmentId: i = "" } = e, o = n.get(O), a = n.get(x), c = n.get(P), d = n.get(N), l = (g = o.getUniverDocInstance(t)) == null ? void 0 : g.getSnapshot().body, h = c.getSelections();
     if (l == null || !Array.isArray(h) || h.length === 0)
       return !1;
-    const p = Nt(t, i, l, r), u = a.syncExecuteCommand(p.id, p.params);
+    const p = $t(t, i, l, r), u = a.syncExecuteCommand(p.id, p.params);
     return c.replaceTextRanges(s), u ? (d.pushUndoRedo({
       unitID: t,
       undoMutations: [{ id: _.id, params: u }],
@@ -1230,14 +1230,14 @@ const Wn = {
     const { unitId: t, body: r, segmentId: s = "" } = e, i = n.get(O), o = n.get(x), a = n.get(N), c = (l = i.getUniverDocInstance(t)) == null ? void 0 : l.getSnapshot().body;
     if (c == null)
       return !1;
-    const d = Nt(t, s, c, r);
+    const d = $t(t, s, c, r);
     return o.syncExecuteCommand(
       d.id,
       d.params
     ), a.clearUndoRedo(t), !0;
   }
 };
-function Nt(n, e, t, r) {
+function $t(n, e, t, r) {
   const s = {
     id: _.id,
     params: {
@@ -1284,7 +1284,7 @@ const ee = {
       zoomRatio: e.zoomRatio
     } : r.settings.zoomRatio = e.zoomRatio, !0;
   }
-}, $t = {
+}, Bt = {
   type: R.COMMAND,
   id: "doc.command.set-zoom-ratio",
   handler: async (n, e) => {
@@ -1302,7 +1302,7 @@ const ee = {
       redoMutations: [{ id: Z.id, params: c }]
     }), !0) : !1;
   }
-}, Bt = {
+}, jt = {
   id: "doc.operation.select-all",
   type: R.COMMAND,
   handler: async (n) => {
@@ -1327,7 +1327,7 @@ function Zn(n) {
 }
 class Kn {
   constructor() {
-    S(this, "_cache", new zt(Xn));
+    S(this, "_cache", new Wt(Xn));
   }
   set(e, t) {
     this._cache.set(e, t);
@@ -1339,7 +1339,7 @@ class Kn {
     this._cache.clear();
   }
 }
-const mt = new Kn();
+const ft = new Kn();
 function Jn(n) {
   const e = n.style, t = {};
   for (let r = 0; r < e.length; r++) {
@@ -1347,19 +1347,19 @@ function Jn(n) {
     switch (s) {
       case "margin-top": {
         const o = parseInt(i);
-        t.spaceAbove = /pt/.test(i) ? Ze(o) : o;
+        t.spaceAbove = /pt/.test(i) ? qe(o) : o;
         break;
       }
       case "margin-bottom": {
         const o = parseInt(i);
-        t.spaceBelow = /pt/.test(i) ? Ze(o) : o;
+        t.spaceBelow = /pt/.test(i) ? qe(o) : o;
         break;
       }
     }
   }
   return Object.getOwnPropertyNames(t).length ? t : null;
 }
-function Ze(n) {
+function qe(n) {
   return n / 0.75;
 }
 function rt(n) {
@@ -1389,7 +1389,7 @@ function rt(n) {
     }
     case "sub":
     case "sup": {
-      t.va = r === "sup" ? V.SUPERSCRIPT : V.SUBSCRIPT;
+      t.va = r === "sup" ? j.SUPERSCRIPT : j.SUBSCRIPT;
       break;
     }
   }
@@ -1402,7 +1402,7 @@ function rt(n) {
       }
       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) ? qe(a) : a);
         break;
       }
       case "font-style": {
@@ -1445,53 +1445,53 @@ function Qn(n) {
   const e = new DOMParser(), t = `<x-univer id="univer-root">${n}</x-univer>`;
   return e.parseFromString(t, "text/html").querySelector("#univer-root");
 }
-function ft(n, e) {
+function _t(n, e) {
   const t = n.tagName.toLowerCase();
   return typeof e == "string" ? t === e : Array.isArray(e) ? e.some((r) => r === t) : e(n);
 }
-const we = class we {
+const Ue = class Ue {
   constructor() {
-    S(this, "styleCache", /* @__PURE__ */ new Map());
-    S(this, "styleRules", []);
-    S(this, "afterProcessRules", []);
+    S(this, "_styleCache", /* @__PURE__ */ new Map());
+    S(this, "_styleRules", []);
+    S(this, "_afterProcessRules", []);
   }
   static use(e) {
-    if (this.pluginList.includes(e))
+    if (this._pluginList.includes(e))
       throw new Error(`Univer paste plugin ${e.name} already added`);
-    this.pluginList.push(e);
+    this._pluginList.push(e);
   }
   convert(e) {
-    const t = we.pluginList.find((i) => i.checkPasteType(e)), r = Qn(e), s = {
+    const t = Ue._pluginList.find((i) => i.checkPasteType(e)), r = Qn(e), s = {
       dataStream: "",
       textRuns: []
     };
-    return t && (this.styleRules = [...t.stylesRules], this.afterProcessRules = [...t.afterProcessRules]), this.styleCache.clear(), this.process(null, r == null ? void 0 : r.childNodes, s), this.styleCache.clear(), this.styleRules = [], this.afterProcessRules = [], s;
+    return t && (this._styleRules = [...t.stylesRules], this._afterProcessRules = [...t.afterProcessRules]), this._styleCache.clear(), this._process(null, r == null ? void 0 : r.childNodes, s), this._styleCache.clear(), this._styleRules = [], this._afterProcessRules = [], s;
   }
-  process(e, t, r) {
+  _process(e, t, r) {
     var s;
     for (const i of t)
       if (i.nodeType === Node.TEXT_NODE) {
         const o = (s = i.nodeValue) == null ? void 0 : s.replace(/[\r\n]/g, "");
         let a;
-        e && this.styleCache.has(e) && (a = this.styleCache.get(e)), r.dataStream += o, a && Object.getOwnPropertyNames(a).length && r.textRuns.push({
+        e && this._styleCache.has(e) && (a = this._styleCache.get(e)), r.dataStream += o, a && Object.getOwnPropertyNames(a).length && r.textRuns.push({
           st: r.dataStream.length - o.length,
           ed: r.dataStream.length,
           ts: a
         });
       } else if (i.nodeType === Node.ELEMENT_NODE) {
-        const o = e ? this.styleCache.get(e) : {}, a = this.styleRules.find(({ filter: h }) => ft(i, h)), c = a ? a.getStyle(i) : rt(i);
-        this.styleCache.set(i, { ...o, ...c });
+        const o = e ? this._styleCache.get(e) : {}, a = this._styleRules.find(({ filter: h }) => _t(i, h)), c = a ? a.getStyle(i) : rt(i);
+        this._styleCache.set(i, { ...o, ...c });
         const { childNodes: d } = i;
-        this.process(i, d, r);
-        const l = this.afterProcessRules.find(
-          ({ filter: h }) => ft(i, h)
+        this._process(i, d, r);
+        const l = this._afterProcessRules.find(
+          ({ filter: h }) => _t(i, h)
         );
         l && l.handler(r, i);
       }
   }
 };
-S(we, "pluginList", []);
-let me = we;
+S(Ue, "_pluginList", []);
+let ge = Ue;
 const er = {
   name: "univer-doc-paste-plugin-lark",
   checkPasteType(n) {
@@ -1557,9 +1557,9 @@ function nr(n, e) {
   const { st: t, ed: r, ts: s = {} } = e, { ff: i, fs: o, it: a, bl: c, ul: d, st: l, ol: h, bg: p, cl: u, va: g } = s;
   let m = n.slice(t, r);
   const f = [];
-  return a === D.TRUE && (m = `<i>${m}</i>`), g === V.SUPERSCRIPT ? m = `<sup>${m}</sup>` : g === V.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>`), i && f.push(`font-family: ${i}`), u && f.push(`color: ${u.rgb}`), o && f.push(`font-size: ${o}px`), h && f.push("text-decoration: overline"), p && f.push(`background: ${p.rgb}`), f.length ? `<span style="${f.join(";")}">${m}</span>` : m;
+  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>`), i && f.push(`font-family: ${i}`), u && f.push(`color: ${u.rgb}`), o && f.push(`font-size: ${o}px`), h && f.push("text-decoration: overline"), p && f.push(`background: ${p.rgb}`), f.length ? `<span style="${f.join(";")}">${m}</span>` : m;
 }
-function _t(n, e = !0) {
+function St(n, e = !0) {
   const { dataStream: t, textRuns: r = [], paragraphs: s = [] } = n;
   let i = 0;
   const o = [], a = [];
@@ -1583,10 +1583,10 @@ class rr {
     if (e.length === 0)
       throw new Error("The bodyList length at least to be 1");
     if (e.length === 1)
-      return _t(e[0]);
+      return St(e[0]);
     let t = "";
     for (const r of e)
-      t += '<p className="UniverNormal">', t += _t(r, !1), t += "</p>";
+      t += '<p className="UniverNormal">', t += St(r, !1), t += "</p>";
     return t;
   }
 }
@@ -1594,15 +1594,24 @@ var sr = Object.defineProperty, ir = Object.getOwnPropertyDescriptor, or = (n, e
   for (var s = r > 1 ? void 0 : r ? ir(e, t) : e, i = n.length - 1, o; i >= 0; i--)
     (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
   return r && s && sr(e, t, s), s;
-}, St = (n, e) => (t, r) => e(t, r, n);
-me.use(tr);
-me.use(er);
+}, vt = (n, e) => (t, r) => e(t, r, n);
+ge.use(tr);
+ge.use(er);
+function ar(n) {
+  const e = n.replace(/\n/g, "\r"), t = [];
+  for (let r = 0; r < e.length; r++)
+    e[r] === "\r" && t.push({ startIndex: r });
+  return {
+    dataStream: e,
+    paragraphs: t
+  };
+}
 const Vt = Mn("doc.clipboard-service");
-let Ke = class extends j {
+let Ye = class extends W {
   constructor(e, t) {
     super();
     S(this, "_clipboardHooks", []);
-    S(this, "_htmlToUDM", new me());
+    S(this, "_htmlToUDM", new ge());
     S(this, "_umdToHtml", new rr());
     this._currentUniverService = e, this._clipboardInterfaceService = t;
   }
@@ -1616,12 +1625,10 @@ let Ke = class extends j {
         for (const o of i.types)
           o === mn ? r = await i.getType(o).then((a) => a && a.text()) : o === fn && (t = await i.getType(o).then((a) => a && a.text()));
       if (!t)
-        return {
-          dataStream: r
-        };
+        return ar(r);
       const s = Zn(t);
       if (s) {
-        const i = mt.get(s);
+        const i = ft.get(s);
         if (i)
           return i;
       }
@@ -1634,50 +1641,50 @@ let Ke = class extends j {
     const t = Yn(), r = e.length > 1 ? e.map((i) => i.dataStream).join(`
 `) : e[0].dataStream;
     let s = this._umdToHtml.convert(e);
-    return e.length === 1 && (s = s.replace(/(<[a-z]+)/, (i, o) => `${o} data-copy-id="${t}"`), mt.set(t, e[0])), this._clipboardInterfaceService.write(r, s);
+    return e.length === 1 && (s = s.replace(/(<[a-z]+)/, (i, o) => `${o} data-copy-id="${t}"`), ft.set(t, e[0])), this._clipboardInterfaceService.write(r, s);
   }
   addClipboardHook(e) {
-    return this._clipboardHooks.push(e), qe(() => {
+    return this._clipboardHooks.push(e), Ge(() => {
       const t = this._clipboardHooks.indexOf(e);
       t > -1 && this._clipboardHooks.splice(t, 1);
     });
   }
 };
-Ke = or([
-  St(0, O),
-  St(1, _n)
-], Ke);
-var ar = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, lr = (n, e, t, r) => {
-  for (var s = r > 1 ? void 0 : r ? cr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+Ye = or([
+  vt(0, O),
+  vt(1, _n)
+], Ye);
+var cr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, dr = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? lr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
     (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
-  return r && s && ar(e, t, s), s;
+  return r && s && cr(e, t, s), s;
 }, ne = (n, e) => (t, r) => e(t, r, n);
-let Ce = class extends j {
+let Me = class extends W {
   constructor(n, e, t, r, s, i) {
     super(), this._logService = n, this._commandService = e, this._currentUniverService = t, this._docClipboardService = r, this._textSelectionManagerService = s, this._contextService = i, this._commandExecutedListener(), this.initialize();
   }
   initialize() {
-    [ke, ze, We].forEach(
+    [Ve, Fe, ke].forEach(
       (n) => this.disposeWithMe(this._commandService.registerAsMultipleCommand(n))
-    ), [gt, Ue].forEach(
+    ), [mt, Ee].forEach(
       (n) => this.disposeWithMe(this._commandService.registerCommand(n))
     );
   }
   _commandExecutedListener() {
-    const n = [ze.id, ke.id, We.id];
+    const n = [Fe.id, Ve.id, ke.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((e) => {
-        if (n.includes(e.id) && !(!this._contextService.getContextValue(w) && !this._contextService.getContextValue(fe)))
+        if (n.includes(e.id) && !(!this._contextService.getContextValue(w) && !this._contextService.getContextValue(me)))
           switch (e.id) {
-            case We.id: {
+            case ke.id: {
               this._handlePaste();
               break;
             }
-            case ke.id: {
+            case Ve.id: {
               this._handleCopy();
               break;
             }
-            case ze.id: {
+            case Fe.id: {
               this._handleCut();
               break;
             }
@@ -1708,7 +1715,7 @@ let Ce = class extends j {
             style: r
           }
         ];
-        this._commandService.executeCommand(gt.id, { body: i, segmentId: e, textRanges: a });
+        this._commandService.executeCommand(mt.id, { body: i, segmentId: e, textRanges: a });
       } catch {
         this._logService.error("[DocClipboardController] clipboard is empty");
       }
@@ -1785,33 +1792,33 @@ let Ce = class extends j {
             style: t
           }
         ];
-        this._commandService.executeCommand(Ue.id, { segmentId: n, textRanges: i });
+        this._commandService.executeCommand(Ee.id, { segmentId: n, textRanges: i });
       } catch {
         this._logService.error("[DocClipboardController] cut content failed");
       }
     }
   }
 };
-Ce = lr([
-  F(k.Rendered, Ce),
-  ne(0, Wt),
+Me = dr([
+  V(F.Rendered, Me),
+  ne(0, Ht),
   ne(1, x),
   ne(2, O),
   ne(3, Vt),
   ne(4, U(P)),
-  ne(5, Ht)
-], Ce);
-var dr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, hr = (n, e, t, r) => {
-  for (var s = r > 1 ? void 0 : r ? ur(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+  ne(5, Gt)
+], Me);
+var ur = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, pr = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? hr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
     (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
-  return r && s && dr(e, t, s), s;
-}, He = (n, e) => (t, r) => e(t, r, n);
-let Re = class extends j {
+  return r && s && ur(e, t, s), s;
+}, ze = (n, e) => (t, r) => e(t, r, n);
+let Ce = class extends Ze {
   constructor(n, e, t) {
     super(), this._docSkeletonManagerService = n, this._renderManagerService = e, this._commandService = t, this._initialRenderRefresh(), this._commandExecutedListener();
   }
   _initialRenderRefresh() {
-    this._docSkeletonManagerService.currentSkeletonBefore$.subscribe((n) => {
+    this._docSkeletonManagerService.currentSkeletonBefore$.pipe(bt(this.dispose$)).subscribe((n) => {
       if (n == null)
         return;
       const { skeleton: e, unitId: t } = n, r = this._renderManagerService.getRenderById(t);
@@ -1821,39 +1828,6 @@ let Re = class extends j {
       s.changeSkeleton(e), this._recalculateSizeBySkeleton(r, e);
     });
   }
-  // calculatePagePosition(currentRender: IRender) {
-  //     const { mainComponent, scene } = currentRender;
-  //     const docsComponent = mainComponent as Documents;
-  //     const parent = scene?.getParent();
-  //     const { width: docsWidth, height: docsHeight, pageMarginLeft, pageMarginTop } = docsComponent;
-  //     if (parent == null || docsWidth === Infinity || docsHeight === Infinity) {
-  //         return;
-  //     }
-  //     const { width: engineWidth, height: engineHeight } = parent;
-  //     let docsLeft = 0;
-  //     let docsTop = 0;
-  //     let sceneWidth = 0;
-  //     let sceneHeight = 0;
-  //     if (engineWidth > docsWidth) {
-  //         docsLeft = engineWidth / 2 - docsWidth / 2;
-  //         sceneWidth = engineWidth - 34;
-  //     } else {
-  //         docsLeft = pageMarginLeft;
-  //         sceneWidth = docsWidth + pageMarginLeft * 2;
-  //     }
-  //     if (engineHeight > docsHeight) {
-  //         docsTop = engineHeight / 2 - docsHeight / 2;
-  //         sceneHeight = engineHeight - 34;
-  //     } else {
-  //         docsTop = pageMarginTop;
-  //         sceneHeight = docsHeight + pageMarginTop * 2;
-  //     }
-  //     // this.docsLeft = docsLeft;
-  //     // this.docsTop = docsTop;
-  //     scene.resize(sceneWidth, sceneHeight + 200);
-  //     docsComponent.translate(docsLeft, docsTop);
-  //     return this;
-  // }
   _recalculateSizeBySkeleton(n, e) {
     var d;
     const { mainComponent: t, scene: r } = n, s = t, i = (d = e.getSkeletonData()) == null ? void 0 : d.pages;
@@ -1888,21 +1862,21 @@ let Re = class extends j {
     );
   }
 };
-Re = hr([
-  F(k.Rendered, Re),
-  He(0, U(A)),
-  He(1, G),
-  He(2, x)
-], Re);
-var pr = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, mr = (n, e, t, r) => {
-  for (var s = r > 1 ? void 0 : r ? gr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+Ce = pr([
+  V(F.Rendered, Ce),
+  ze(0, U(A)),
+  ze(1, G),
+  ze(2, x)
+], Ce);
+var gr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, fr = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? mr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
     (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
-  return r && s && pr(e, t, s), s;
+  return r && s && gr(e, t, s), s;
 }, oe = (n, e) => (t, r) => e(t, r, n);
-let Ie = class extends j {
+let Re = class extends W {
   constructor(e, t, r, s, i) {
     super();
-    S(this, "_liquid", new rn());
+    S(this, "_liquid", new sn());
     S(this, "_pageMarginCache", /* @__PURE__ */ new Map());
     this._docSkeletonManagerService = e, this._currentUniverService = t, this._renderManagerService = r, this._commandService = s, this._floatingObjectManagerService = i, this._initialize(), this._commandExecutedListener();
   }
@@ -1919,10 +1893,10 @@ let Ie = class extends j {
         return;
       const { mainComponent: o, components: a, scene: c } = i, d = o, { left: l, top: h } = d;
       e.forEach((p) => {
-        const { unitId: u, subComponentId: g, floatingObjectId: m, floatingObject: f } = p, { left: v = 0, top: M = 0, width: T = 0, height: y = 0, angle: C, flipX: E, flipY: L, skewX: B, skewY: z } = f, I = this._pageMarginCache.get(m), X = (I == null ? void 0 : I.marginLeft) || 0, W = (I == null ? void 0 : I.marginTop) || 0;
+        const { unitId: u, subComponentId: g, floatingObjectId: m, floatingObject: f } = p, { 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), X = (I == null ? void 0 : I.marginLeft) || 0, z = (I == null ? void 0 : I.marginTop) || 0;
         s == null || s.getViewModel().getDataModel().updateDrawing(m, {
           left: v - l - X,
-          top: M - h - W,
+          top: M - h - z,
           height: y,
           width: T
         });
@@ -1973,15 +1947,15 @@ let Ie = class extends j {
     for (let m = 0, f = u.length; m < f; m++) {
       const v = u[m], { skeDrawings: M, marginLeft: T, marginTop: y } = v;
       this._liquid.translatePagePadding(v), M.forEach((C) => {
-        const { aLeft: E, aTop: L, height: B, width: z, objectId: I } = C;
+        const { aLeft: E, aTop: L, height: B, width: k, objectId: I } = C;
         g.push({
           unitId: e,
-          subComponentId: Gt,
+          subComponentId: Xt,
           floatingObjectId: I,
           floatingObject: {
             left: E + c + this._liquid.x,
             top: L + d + this._liquid.y,
-            width: z,
+            width: k,
             height: B
           }
         }), this._pageMarginCache.set(I, {
@@ -1993,20 +1967,20 @@ let Ie = class extends j {
     this._floatingObjectManagerService.BatchAddOrUpdate(g);
   }
 };
-Ie = mr([
-  F(k.Steady, Ie),
+Re = fr([
+  V(F.Steady, Re),
   oe(0, U(A)),
   oe(1, O),
   oe(2, G),
   oe(3, x),
-  oe(4, Xt)
-], Ie);
-var fr = Object.defineProperty, _r = Object.getOwnPropertyDescriptor, Sr = (n, e, t, r) => {
-  for (var s = r > 1 ? void 0 : r ? _r(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+  oe(4, qt)
+], Re);
+var _r = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, vr = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? Sr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
     (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
-  return r && s && fr(e, t, s), s;
+  return r && s && _r(e, t, s), s;
 }, re = (n, e) => (t, r) => e(t, r, n);
-let xe = class extends j {
+let Ie = class extends W {
   constructor(e, t, r, s, i, o) {
     super();
     S(this, "_previousIMEContent", "");
@@ -2059,7 +2033,7 @@ let xe = class extends j {
         style: d
       }
     ];
-    await this._commandService.executeCommand(wt.id, {
+    await this._commandService.executeCommand(Lt.id, {
       unitId: s.getUnitId(),
       newText: h,
       oldTextLen: this._previousIMEContent.length,
@@ -2073,37 +2047,37 @@ let xe = class extends j {
     this._previousIMEContent = "", this._previousIMERange = null, this._imeInputManagerService.clearUndoRedoMutationParamsCache(), this._imeInputManagerService.setActiveRange(null);
   }
   _getDocObject() {
-    return Ae(this._currentUniverService, this._renderManagerService);
+    return Le(this._currentUniverService, this._renderManagerService);
   }
 };
-xe = Sr([
-  F(k.Rendered, xe),
+Ie = vr([
+  V(F.Rendered, Ie),
   re(0, U(A)),
   re(1, O),
   re(2, G),
-  re(3, _e),
+  re(3, fe),
   re(4, U(tt)),
   re(5, x)
-], xe);
-var vr = Object.defineProperty, Mr = Object.getOwnPropertyDescriptor, Cr = (n, e, t, r) => {
-  for (var s = r > 1 ? void 0 : r ? Mr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+], Ie);
+var Mr = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, Rr = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? Cr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
     (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
-  return r && s && vr(e, t, s), s;
-}, vt = (n, e) => (t, r) => e(t, r, n);
-let Oe = class extends j {
+  return r && s && Mr(e, t, s), s;
+}, Mt = (n, e) => (t, r) => e(t, r, n);
+let xe = class extends W {
   constructor(n, e) {
     super(), this._textSelectionManagerService = n, this._commandService = e, this._commandExecutedListener();
   }
   _commandExecutedListener() {
     const n = [
-      he.id,
+      ue.id,
+      Ne.id,
       $e.id,
       Be.id,
-      Ve.id,
       Q.id,
       ie.id,
+      he.id,
       pe.id,
-      ge.id,
       je.id
     ];
     this.disposeWithMe(
@@ -2114,24 +2088,24 @@ let Oe = class extends j {
   }
   _handleInlineFormat(n) {
     const { segmentId: e } = this._textSelectionManagerService.getActiveRange() ?? {};
-    e != null && this._commandService.executeCommand(At.id, {
+    e != null && this._commandService.executeCommand(Nt.id, {
       segmentId: e,
       preCommandId: n.id,
       ...n.params ?? {}
     });
   }
 };
-Oe = Cr([
-  F(k.Rendered, Oe),
-  vt(0, U(P)),
-  vt(1, x)
-], Oe);
-var Rr = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, xr = (n, e, t, r) => {
-  for (var s = r > 1 ? void 0 : r ? Ir(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+xe = Rr([
+  V(F.Rendered, xe),
+  Mt(0, U(P)),
+  Mt(1, x)
+], xe);
+var Ir = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, Or = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? xr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
     (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
-  return r && s && Rr(e, t, s), s;
+  return r && s && Ir(e, t, s), s;
 }, ae = (n, e) => (t, r) => e(t, r, n);
-let ye = class extends j {
+let Oe = class extends W {
   constructor(e, t, r, s, i) {
     super();
     S(this, "_onInputSubscription");
@@ -2305,7 +2279,7 @@ let ye = class extends j {
       return e.findPositionBySpan(s.span);
   }
   _getNextOrPrevLine(e, t) {
-    var g, m, f, v, M, T, y, C, E, L, B, z;
+    var g, m, f, v, M, T, y, C, E, L, B, k;
     const r = e.parent;
     if (r == null)
       return;
@@ -2344,8 +2318,8 @@ let ye = class extends j {
     if (t === !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[h - 1]) == null ? void 0 : y.columns, X = I == null ? void 0 : I[I.length - 1], W = X == null ? void 0 : X.lines;
-      a = W == null ? void 0 : W[W.length - 1];
+      const I = (y = (T = l.sections) == null ? void 0 : T[h - 1]) == null ? void 0 : y.columns, X = I == null ? void 0 : I[I.length - 1], z = X == null ? void 0 : X.lines;
+      a = z == null ? void 0 : z[z.length - 1];
     }
     if (a != null)
       return a;
@@ -2360,7 +2334,7 @@ let ye = class extends j {
         const I = (B = p.pages[u - 1]) == null ? void 0 : B.sections;
         if (I == null)
           return;
-        const X = (z = I[I.length - 1]) == null ? void 0 : z.columns, W = X[X.length - 1], st = W == null ? void 0 : W.lines;
+        const X = (k = I[I.length - 1]) == null ? void 0 : k.columns, z = X[X.length - 1], st = z == null ? void 0 : z.lines;
         a = st[st.length - 1];
       }
       if (a != null)
@@ -2368,23 +2342,23 @@ let ye = class extends j {
     }
   }
   _getDocObject() {
-    return Ae(this._currentUniverService, this._renderManagerService);
+    return Le(this._currentUniverService, this._renderManagerService);
   }
 };
-ye = xr([
-  F(k.Rendered, ye),
+Oe = Or([
+  V(F.Rendered, Oe),
   ae(0, U(A)),
   ae(1, O),
   ae(2, G),
   ae(3, U(P)),
   ae(4, x)
-], ye);
-var Or = Object.defineProperty, yr = Object.getOwnPropertyDescriptor, br = (n, e, t, r) => {
-  for (var s = r > 1 ? void 0 : r ? yr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+], Oe);
+var yr = Object.defineProperty, br = Object.getOwnPropertyDescriptor, Dr = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? br(e, t) : e, i = n.length - 1, o; i >= 0; i--)
     (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
-  return r && s && Or(e, t, s), s;
+  return r && s && yr(e, t, s), s;
 }, ce = (n, e) => (t, r) => e(t, r, n);
-let be = class extends j {
+let ye = class extends W {
   constructor(e, t, r, s, i) {
     super();
     S(this, "_onInputSubscription");
@@ -2426,24 +2400,24 @@ let be = class extends j {
   _commandExecutedListener() {
   }
   _getDocObject() {
-    return Ae(this._currentUniverService, this._renderManagerService);
+    return Le(this._currentUniverService, this._renderManagerService);
   }
 };
-be = br([
-  F(k.Rendered, be),
+ye = Dr([
+  V(F.Rendered, ye),
   ce(0, U(A)),
   ce(1, O),
   ce(2, G),
-  ce(3, _e),
+  ce(3, fe),
   ce(4, x)
-], be);
-var Dr = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, Pr = (n, e, t, r) => {
-  for (var s = r > 1 ? void 0 : r ? Tr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+], ye);
+var Tr = Object.defineProperty, Pr = Object.getOwnPropertyDescriptor, Er = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? Pr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
     (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
-  return r && s && Dr(e, t, s), s;
-}, Mt = (n, e) => (t, r) => e(t, r, n);
-const Er = "rgba(198, 198, 198, 1)", Ur = "rgba(255, 255, 255, 1)";
-let De = class extends j {
+  return r && s && Tr(e, t, s), s;
+}, Ct = (n, e) => (t, r) => e(t, r, n);
+const Ur = "rgba(198, 198, 198, 1)", wr = "rgba(255, 255, 255, 1)";
+let be = class extends W {
   constructor(n, e) {
     super(), this._renderManagerService = n, this._currentUniverService = e, this._initialize(), this._commandExecutedListener();
   }
@@ -2462,13 +2436,13 @@ let De = class extends j {
       r.onPageRenderObservable.add((o) => {
         if ([K, J].includes(n))
           return;
-        const { page: a, pageLeft: c, pageTop: d, ctx: l } = o, { width: h, height: p } = a;
-        l.save(), l.translate(c - 0.5, d - 0.5), sn.drawWith(l, {
-          width: (s == null ? void 0 : s.width) || h,
-          height: (s == null ? void 0 : s.height) || p,
+        const { page: a, pageLeft: c, pageTop: d, ctx: l } = o, { width: h, pageWidth: p, height: u, pageHeight: g } = a;
+        l.save(), l.translate(c - 0.5, d - 0.5), on.drawWith(l, {
+          width: (s == null ? void 0 : s.width) ?? p ?? h,
+          height: (s == null ? void 0 : s.height) ?? g ?? u,
           strokeWidth: 1,
-          stroke: Er,
-          fill: Ur,
+          stroke: Ur,
+          fill: wr,
           zIndex: 3
         }), l.restore();
       });
@@ -2477,17 +2451,17 @@ let De = class extends j {
   _commandExecutedListener() {
   }
 };
-De = Pr([
-  F(k.Rendered, De),
-  Mt(0, G),
-  Mt(1, U(O))
-], De);
-var wr = Object.defineProperty, Lr = Object.getOwnPropertyDescriptor, Ar = (n, e, t, r) => {
-  for (var s = r > 1 ? void 0 : r ? Lr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+be = Er([
+  V(F.Rendered, be),
+  Ct(0, G),
+  Ct(1, U(O))
+], be);
+var Lr = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, Nr = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? Ar(e, t) : e, i = n.length - 1, o; i >= 0; i--)
     (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
-  return r && s && wr(e, t, s), s;
+  return r && s && Lr(e, t, s), s;
 }, Y = (n, e) => (t, r) => e(t, r, n);
-let Te = class extends j {
+let De = class extends W {
   constructor(e, t, r, s, i, o, a) {
     super();
     S(this, "_moveInObserver");
@@ -2515,17 +2489,17 @@ let Te = class extends j {
     const t = this._getDocObjectById(e);
     if (t == null)
       return;
-    const { document: r, scene: s } = t, i = s.getViewport(ue.VIEW_MAIN);
+    const { document: r, scene: s } = t;
     this._moveInObserver = r.onPointerEnterObserver.add(() => {
       r.cursor = lt.TEXT;
     }), this._moveOutObserver = r.onPointerLeaveObserver.add(() => {
       r.cursor = lt.DEFAULT, s.resetCursor();
-    }), this._downObserver = r == null ? void 0 : r.onPointerDownObserver.add((o, a) => {
-      this._currentUniverService.getCurrentUniverDocInstance().getUnitId() !== e && this._currentUniverService.setCurrentUniverDocInstance(e), this._textSelectionRenderManager.eventTrigger(o, r.getOffsetConfig(), i), o.button !== 2 && a.stopPropagation();
-    }), this._dblClickObserver = r == null ? void 0 : r.onDblclickObserver.add((o) => {
-      this._textSelectionRenderManager.handleDblClick(o, r.getOffsetConfig(), i);
-    }), this._tripleClickObserver = r == null ? void 0 : r.onTripleClickObserver.add((o) => {
-      this._textSelectionRenderManager.handleTripleClick(o, r.getOffsetConfig(), i);
+    }), this._downObserver = r == null ? void 0 : r.onPointerDownObserver.add((i, o) => {
+      this._currentUniverService.getCurrentUniverDocInstance().getUnitId() !== e && this._currentUniverService.setCurrentUniverDocInstance(e), this._textSelectionRenderManager.eventTrigger(i), i.button !== 2 && o.stopPropagation();
+    }), this._dblClickObserver = r == null ? void 0 : r.onDblclickObserver.add((i) => {
+      this._textSelectionRenderManager.handleDblClick(i);
+    }), this._tripleClickObserver = r == null ? void 0 : r.onTripleClickObserver.add((i) => {
+      this._textSelectionRenderManager.handleTripleClick(i);
     });
   }
   _commandExecutedListener() {
@@ -2549,13 +2523,8 @@ let Te = class extends j {
       const { unitId: t, skeleton: r } = e, s = this._renderManagerService.getRenderById(t);
       if (s == null)
         return;
-      const { scene: i, mainComponent: o } = s, a = i.getViewport(ue.VIEW_MAIN);
-      this._textSelectionRenderManager.changeRuntime(
-        r,
-        i,
-        a,
-        o.getOffsetConfig()
-      ), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
+      const { scene: i, mainComponent: o } = s;
+      this._textSelectionRenderManager.changeRuntime(r, i, o), this._textSelectionManagerService.setCurrentSelectionNotRefresh({
         unitId: t,
         subUnitId: ""
       });
@@ -2565,22 +2534,22 @@ let Te = class extends j {
     return In(e, this._renderManagerService);
   }
 };
-Te = Ar([
-  F(k.Rendered, Te),
+De = Nr([
+  V(F.Rendered, De),
   Y(0, U(A)),
   Y(1, O),
   Y(2, x),
   Y(3, G),
-  Y(4, _e),
+  Y(4, fe),
   Y(5, U(P)),
   Y(6, Cn(Sn))
-], Te);
-var Nr = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, Br = (n, e, t, r) => {
-  for (var s = r > 1 ? void 0 : r ? $r(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+], De);
+var $r = Object.defineProperty, Br = Object.getOwnPropertyDescriptor, jr = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? Br(e, t) : e, i = n.length - 1, o; i >= 0; i--)
     (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
-  return r && s && Nr(e, t, s), s;
+  return r && s && $r(e, t, s), s;
 }, le = (n, e) => (t, r) => e(t, r, n);
-let Pe = class extends j {
+let Te = class extends W {
   constructor(e, t, r, s, i) {
     super();
     S(this, "_initializedRender", /* @__PURE__ */ new Set());
@@ -2602,7 +2571,7 @@ let Pe = class extends j {
       this._initializedRender.add(t);
       const { scene: s } = r;
       this.disposeWithMe(
-        qe(
+        Ge(
           s.onMouseWheelObserver.add((i) => {
             if (!i.ctrlKey)
               return;
@@ -2611,7 +2580,7 @@ let Pe = class extends j {
             a *= i.deltaY > 0 ? -1 : 1, s.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($t.id, {
+            l = l >= 4 ? 4 : l <= 0.1 ? 0.1 : l, this._commandService.executeCommand(Bt.id, {
               zoomRatio: l,
               unitId: c.getUnitId()
             }), i.preventDefault();
@@ -2629,7 +2598,7 @@ let Pe = class extends j {
   // }
   _skeletonListener() {
     this.disposeWithMe(
-      qe(
+      Ge(
         this._docSkeletonManagerService.currentSkeletonBefore$.subscribe((e) => {
           if (e == null)
             return;
@@ -2665,7 +2634,7 @@ let Pe = class extends j {
     const { width: l, height: h } = i;
     let p = 0, u = 0, g = 0, m = 0, f = 1 / 0;
     l > (o + c * 2) * t ? (p = l / 2 - o * t / 2, p /= t, g = (l - c * 2) / t, f = 0) : (p = c, g = o + c * 2, f = (g - l / t) / 2), h > a ? (u = h / 2 - a / 2, m = (h - d * 2) / t) : (u = d, m = a + d * 2), s.resize(g, m + 200), r.translate(p, u);
-    const v = s.getViewport(ue.VIEW_MAIN);
+    const v = s.getViewport(Ke.VIEW_MAIN);
     if (f !== 1 / 0 && v != null) {
       const M = v.getBarScroll(f, 0).x;
       v.scrollTo({
@@ -2675,96 +2644,96 @@ let Pe = class extends j {
     return this;
   }
   _getDocObject() {
-    return Ae(this._currentUniverService, this._renderManagerService);
+    return Le(this._currentUniverService, this._renderManagerService);
   }
 };
-Pe = Br([
-  F(k.Rendered, Pe),
+Te = jr([
+  V(F.Rendered, Te),
   le(0, U(A)),
   le(1, O),
   le(2, x),
   le(3, G),
   le(4, U(P))
-], Pe);
+], Te);
 const Vr = {
-  id: Tt.id,
-  preconditions: (n) => n.getContextValue(w),
-  binding: $.ENTER
-}, jr = {
   id: Pt.id,
   preconditions: (n) => n.getContextValue(w),
-  binding: $.BACKSPACE
+  binding: $.ENTER
 }, Fr = {
   id: Et.id,
   preconditions: (n) => n.getContextValue(w),
-  binding: $.DELETE
+  binding: $.BACKSPACE
 }, kr = {
+  id: Ut.id,
+  preconditions: (n) => n.getContextValue(w),
+  binding: $.DELETE
+}, zr = {
   id: ee.id,
   binding: $.ARROW_UP,
   preconditions: (n) => n.getContextValue(w),
   staticParameters: {
     direction: b.UP
   }
-}, zr = {
+}, Wr = {
   id: ee.id,
   binding: $.ARROW_DOWN,
   preconditions: (n) => n.getContextValue(w),
   staticParameters: {
     direction: b.DOWN
   }
-}, Wr = {
+}, Hr = {
   id: ee.id,
   binding: $.ARROW_LEFT,
   preconditions: (n) => n.getContextValue(w),
   staticParameters: {
     direction: b.LEFT
   }
-}, Hr = {
+}, Gr = {
   id: ee.id,
   binding: $.ARROW_RIGHT,
   preconditions: (n) => n.getContextValue(w),
   staticParameters: {
     direction: b.RIGHT
   }
-}, Gr = {
+}, Xr = {
   id: te.id,
-  binding: $.ARROW_UP | Se.SHIFT,
+  binding: $.ARROW_UP | _e.SHIFT,
   preconditions: (n) => n.getContextValue(w),
   staticParameters: {
     direction: b.UP
   }
-}, Xr = {
+}, qr = {
   id: te.id,
-  binding: $.ARROW_DOWN | Se.SHIFT,
+  binding: $.ARROW_DOWN | _e.SHIFT,
   preconditions: (n) => n.getContextValue(w),
   staticParameters: {
     direction: b.DOWN
   }
-}, qr = {
+}, Yr = {
   id: te.id,
-  binding: $.ARROW_LEFT | Se.SHIFT,
+  binding: $.ARROW_LEFT | _e.SHIFT,
   preconditions: (n) => n.getContextValue(w),
   staticParameters: {
     direction: b.LEFT
   }
-}, Yr = {
+}, Zr = {
   id: te.id,
-  binding: $.ARROW_RIGHT | Se.SHIFT,
+  binding: $.ARROW_RIGHT | _e.SHIFT,
   preconditions: (n) => n.getContextValue(w),
   staticParameters: {
     direction: b.RIGHT
   }
-}, Zr = {
-  id: Bt.id,
-  binding: $.A | Se.CTRL_COMMAND,
-  preconditions: (n) => n.getContextValue(w) || n.getContextValue(fe)
+}, Kr = {
+  id: jt.id,
+  binding: $.A | _e.CTRL_COMMAND,
+  preconditions: (n) => n.getContextValue(w) || n.getContextValue(me)
 };
-var Kr = Object.defineProperty, Jr = Object.getOwnPropertyDescriptor, Qr = (n, e, t, r) => {
-  for (var s = r > 1 ? void 0 : r ? Jr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+var Jr = Object.defineProperty, Qr = Object.getOwnPropertyDescriptor, es = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? Qr(e, t) : e, i = n.length - 1, o; i >= 0; i--)
     (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
-  return r && s && Kr(e, t, s), s;
-}, ve = (n, e) => (t, r) => e(t, r, n);
-let Ee = class extends Rt {
+  return r && s && Jr(e, t, s), s;
+}, Se = (n, e) => (t, r) => e(t, r, n);
+let Pe = class extends Ze {
   constructor(e, t, r, s) {
     super();
     S(this, "_scene");
@@ -2796,14 +2765,14 @@ let Ee = class extends Rt {
       return;
     const { scene: o, engine: a } = i;
     o.openTransformer(), this._scene = o;
-    const c = new on(ue.VIEW_MAIN, o, {
+    const c = new an(Ke.VIEW_MAIN, o, {
       left: 0,
       top: 0,
       bottom: 0,
       right: 0,
       isWheelPreventDefaultX: !0
     });
-    o.addViewport(c).attachControl(), o.on(an.wheel, (h, p) => {
+    o.addViewport(c).attachControl(), o.on(cn.wheel, (h, p) => {
       const u = h;
       if (u.ctrlKey) {
         const g = Math.abs(u.deltaX);
@@ -2811,42 +2780,42 @@ let Ee = class extends Rt {
         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();
       } else
         c.onMouseWheel(u, p);
-    }), this._configService.getConfig("hasScroll") !== !1 && t !== J && new cn(c), o.addLayer(
-      new dt(o, [], Fe),
+    }), this._configService.getConfig("hasScroll") !== !1 && t !== J && new ln(c), o.addLayer(
+      new dt(o, [], ut),
       new dt(o, [], xn)
     ), this._addComponent(i), this._currentDocumentModel.getShouldRenderLoopImmediately() && a.runRenderLoop(() => {
       o.render(), this._fps$.next(Math.round(a.getFps()).toString());
     }), this._renderManagerService.setCurrent(t);
   }
   _addComponent(e) {
-    const t = this._scene, r = this._currentDocumentModel, s = new ln(Ye.MAIN, void 0, {
+    const t = this._scene, r = this._currentDocumentModel, s = new dn(Xe.MAIN, void 0, {
       pageMarginLeft: r.documentStyle.marginLeft || 0,
       pageMarginTop: r.documentStyle.marginTop || 0
     });
-    s.zIndex = On, e.mainComponent = s, e.components.set(Ye.MAIN, s), t.addObjects([s], Fe), t.enableLayerCache(Fe);
+    s.zIndex = On, e.mainComponent = s, e.components.set(Xe.MAIN, s), t.addObjects([s], ut);
   }
 };
-Ee = Qr([
-  F(k.Ready, Ee),
-  ve(0, G),
-  ve(1, yt),
-  ve(2, O),
-  ve(3, U(se))
-], Ee);
-var es = Object.defineProperty, ts = Object.getOwnPropertyDescriptor, ns = (n, e, t, r) => {
-  for (var s = r > 1 ? void 0 : r ? ts(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+Pe = es([
+  V(F.Ready, Pe),
+  Se(0, G),
+  Se(1, yt),
+  Se(2, O),
+  Se(3, U(se))
+], Pe);
+var ts = Object.defineProperty, ns = Object.getOwnPropertyDescriptor, rs = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? ns(e, t) : e, i = n.length - 1, o; i >= 0; i--)
     (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
-  return r && s && es(e, t, s), s;
-}, Me = (n, e) => (t, r) => e(t, r, n);
-const rs = {
+  return r && s && ts(e, t, s), s;
+}, ve = (n, e) => (t, r) => e(t, r, n);
+const ss = {
   hasScroll: !0
-}, ss = "docs";
-var Ge;
-let Ct = (Ge = class extends qt {
+}, is = "docs";
+var We;
+let Rt = (We = class extends Yt {
   constructor(e = {}, t, r, s, i) {
-    super(ss);
+    super(is);
     S(this, "_config");
-    this._injector = t, this._localeService = r, this._configService = s, this._currentUniverService = i, this._config = Object.assign(rs, e), this._initializeDependencies(t), this._initializeCommands();
+    this._injector = t, this._localeService = r, this._configService = s, this._currentUniverService = i, this._config = Object.assign(ss, e), this._initializeDependencies(t), this._initializeCommands();
   }
   initialize() {
   }
@@ -2854,48 +2823,48 @@ let Ct = (Ge = class extends qt {
     [
       ee,
       te,
-      Pt,
       Et,
-      he,
+      Ut,
+      ue,
+      Ne,
       $e,
       Be,
-      Ve,
       Q,
       ie,
+      he,
       pe,
-      ge,
       je,
-      At,
-      Tt,
+      Nt,
+      Pt,
       Je,
       Qe,
-      Dt,
-      wt,
+      Tt,
+      Lt,
       et,
       _,
       Wn,
       Hn,
-      $t,
-      Z,
-      bt,
       Bt,
+      Z,
+      Dt,
+      jt,
       kn,
       Fn,
       nt
     ].forEach((e) => {
       this._injector.get(x).registerCommand(e);
     }), [
-      kr,
       zr,
-      Hr,
       Wr,
       Gr,
+      Hr,
       Xr,
       qr,
       Yr,
       Zr,
-      jr,
+      Kr,
       Fr,
+      kr,
       Vr
     ].forEach((e) => {
       this._injector.get(vn).registerShortcut(e);
@@ -2911,7 +2880,7 @@ let Ct = (Ge = class extends qt {
       //     { useFactory: () => docInjector.createInstance(CanvasView, this._config.standalone ?? true) },
       // ], // FIXME: CanvasView shouldn't be a dependency of UniverDocs. Because it maybe created dynamically.
       //views
-      [Ee],
+      [Pe],
       // services
       [A],
       [se],
@@ -2919,75 +2888,75 @@ let Ct = (Ge = class extends qt {
       [
         Vt,
         {
-          useClass: Ke
+          useClass: Ye
         }
       ],
       [
-        _e,
+        fe,
         {
-          useClass: dn
+          useClass: un
         }
       ],
       [P],
       // controllers
-      [Re],
-      [De],
-      [Te],
+      [Ce],
       [be],
+      [De],
+      [ye],
+      [Ie],
       [xe],
+      [Me],
       [Oe],
-      [Ce],
-      [ye],
-      [Pe],
-      [Ie]
+      [Te],
+      [Re]
     ].forEach((t) => e.add(t));
   }
-}, S(Ge, "type", Yt.Doc), Ge);
-Ct = ns([
-  Me(1, U(Rn)),
-  Me(2, U(It)),
-  Me(3, yt),
-  Me(4, O)
-], Ct);
+}, S(We, "type", Zt.Doc), We);
+Rt = rs([
+  ve(1, U(Rn)),
+  ve(2, U(It)),
+  ve(3, yt),
+  ve(4, O)
+], Rt);
 export {
-  Tt as BreakLineCommand,
+  Pt as BreakLineCommand,
   Fn as BulletListCommand,
   Hn as CoverContentCommand,
   On as DOCS_COMPONENT_DEFAULT_Z_INDEX,
   xn as DOCS_COMPONENT_HEADER_LAYER_INDEX,
-  Fe as DOCS_COMPONENT_MAIN_LAYER_INDEX,
-  Ye as DOCS_VIEW_KEY,
+  ut as DOCS_COMPONENT_MAIN_LAYER_INDEX,
+  Xe as DOCS_VIEW_KEY,
   Qe as DeleteCommand,
-  Pt as DeleteLeftCommand,
-  Et as DeleteRightCommand,
-  Ee as DocCanvasView,
-  ke as DocCopyCommand,
-  ze as DocCutCommand,
-  We as DocPasteCommand,
+  Et as DeleteLeftCommand,
+  Ut as DeleteRightCommand,
+  Pe as DocCanvasView,
+  Ve as DocCopyCommand,
+  Fe as DocCutCommand,
+  ke as DocPasteCommand,
   A as DocSkeletonManagerService,
   se as DocViewModelManagerService,
-  wt as IMEInputCommand,
+  Lt as IMEInputCommand,
   Je as InsertCommand,
   ee as MoveCursorOperation,
   te as MoveSelectionOperation,
-  us as NORMAL_TEXT_SELECTION_PLUGIN_NAME,
+  hs as NORMAL_TEXT_SELECTION_PLUGIN_NAME,
   kn as OrderListCommand,
   Wn as ReplaceContentCommand,
   _ as RichTextEditingMutation,
-  he as SetInlineFormatBoldCommand,
-  At as SetInlineFormatCommand,
-  ge as SetInlineFormatFontFamilyCommand,
-  pe as SetInlineFormatFontSizeCommand,
-  $e as SetInlineFormatItalicCommand,
-  Ve as SetInlineFormatStrikethroughCommand,
+  ue as SetInlineFormatBoldCommand,
+  Nt as SetInlineFormatCommand,
+  pe as SetInlineFormatFontFamilyCommand,
+  he as SetInlineFormatFontSizeCommand,
+  Ne as SetInlineFormatItalicCommand,
+  Be as SetInlineFormatStrikethroughCommand,
   Q as SetInlineFormatSubscriptCommand,
   ie as SetInlineFormatSuperscriptCommand,
   je as SetInlineFormatTextColorCommand,
-  Be as SetInlineFormatUnderlineCommand,
-  bt as SetTextSelectionsOperation,
+  $e as SetInlineFormatUnderlineCommand,
+  Dt as SetTextSelectionsOperation,
   P as TextSelectionManagerService,
-  Ct as UniverDocsPlugin,
-  Dt as UpdateCommand,
-  ue as VIEWPORT_KEY,
-  Ae as getDocObject
+  Rt as UniverDocsPlugin,
+  Tt as UpdateCommand,
+  Ke as VIEWPORT_KEY,
+  Le as getDocObject
 };